https://ebonics-speak.netlify.app/app.js

1var txtinput = document.querySelector("#text-input");
2var btntranslate = document.querySelector(".btn-translate");
3var txtoutput =document.querySelector("#text-output");
4
5var url="https://api.funtranslations.com/translate/ebonics.json";
6
7//convert code into ES6
8const constructUrl = (text) =>
9{
10    return url + "?" + "text=" + text;
11}
12
13const errorHandler = (error) => {
14    console.log("error occured",error);
15    alert("something wrong with server! try again after some time");
16}
17
18btntranslate.addEventListener("click",() =>{
19
20    var inputText = txtinput.value;
21    console.log("heyyyyy")
22    fetch(constructUrl(inputText))
23    .then(response => response.json())
24    .then(json => {
25        var translatedText=json.contents.translated;
26        txtoutput.innerText = translatedText;
27    })
28    .catch(errorHandler)
29});
30