Create a homescreen.html page

Create a css folder and a file in it called styles.css

Create a js folder and a file called starter.js within the folder

Create an images folder and add your images within the folder. Add at least $3$ images

On the html page, in the head, add a reference to your css file and a script tag referencing your JavaScript file

Add an h$1$ to the body and center the tag in css and add text to it about your web page

In css$,$ have all images use a border of at least $8$ pixels and any color you like

Below the h$1$ tag, add a div called container and set its width to $57\%$ and center it using css

Below the div, add an input tag with the ID of txt$-$predict

Add an img tag below the text box and give it an ID of img$-$predict

In JavaScript, create an add event listener for the key up so when the user starts to type in the txt$-$predict input field then it will trigger the event

In the key up event, have it check to compare if what they typed matches one of the images. You could use an array and add the image names and extensions to it or use any other method that you like to check for a match. If it matches, then display the image you typed in$.$ If it does not match, display a plain not found image