/
index.js
33 lines (26 loc) · 866 Bytes
/
index.js
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
let btnTranslate=document.querySelector('#btn-translate');
let txtInput=document.querySelector('.txt-input');
console.log(txtInput);
let outputDiv=document.querySelector('#output');
console.log(outputDiv);
let serverUrl="https://api.funtranslations.com/translate/minion.json";
function getTranslatedUrl(txt){
return serverUrl+"?"+"text="+txt;
}
function errorHandler(error){
console.log("Error Occured"+error);
alert("The error is"+error);
}
function clickEventHandler(){
console.log('clicked');
console.log("Input: ",txtInput.value);
fetch(getTranslatedUrl(txtInput.value))
.then(response=>response.json())
.then(json=>{
var transText=json.contents.translated;
outputDiv.innerText=transText;
})
.catch(errorHandler)
}
btnTranslate.addEventListener('click',clickEventHandler);
console.log(btnTranslate);