About This Project

The primary focus for the final project is the translator. I created an input text field and a submit button. The submit button has a function tied to it. In the script tag, I created an array with the english word and their translations. The function contains an if/else loop. The loop states that if the user inputs a word into the textfield from from the array, then the output will appear in a h3 tag.

I also used an open-source JavaScript library for interactive maps, Leaflet JS. I created a div tag saving a place for the map, then I add the map to CSS for styling, finally I added a variable to the script tag. I added the longitiude and latitude line coordinates. I also added a popup and red circle via the coordinates.