There are three things that are needed for an application-input,processing and output.For processing in this app means translation.We will be using
funtranslation api which returns translated content.
There are so many translation languages available which can be used for translations.Here we will be using minion language and to get response from the api we need to send the url in the given format-
For processing which is done in our app.js, we reference
Now we have reference to input and to extract the value from this we will use
textInp.value.But first, we will make a function to get our translation url which we will be using it to fetch translated text from the server using the
Here serverUrl is the base url which is required for API. Now a fetch function which gets the translated text and displays output using
innerText on an output element also referenced using
We will create a div that has no text and will show output after processing after clicking of a button happens.
Button referenced in the script and added an event listener
addEventListener()on it which waits for a click on the button and then calls our