-
Notifications
You must be signed in to change notification settings - Fork 0
/
app.js
42 lines (26 loc) · 1.05 KB
/
app.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
34
35
36
37
38
39
40
41
42
var btnTransaltor=document.querySelector("#btn-translate");
var btnTag=document.querySelector("h1");
var txtInput=document.querySelector("#txt-input");
var outputDiv=document.querySelector("#output");
// var serverUrl="https://lessonfourapi.tanaypratap.repl.co/translate/yoda.json" //tanay sir's server
//var serverUrl="https://api.funtranslations.com/translate/yoda.json" //yodish language
var serverUrl="https://api.funtranslations.com/translate/minion.json"
// outputDiv.innerText="Ajith Billava"
function getTranslationUrl( txt ){
return serverUrl + "?"+"text="+ txt
}
function getError(error){
console.log("Error occured ",error)
alert("Something wrong with server, try again after sometime")
}
function clickEventHandler(){
var inputText=txtInput.value;
fetch(getTranslationUrl(inputText))
.then(response => response.json())
.then(json => {
var translatedText=json.contents.translated;
outputDiv.innerText=translatedText;
})
.catch(getError)
};
btnTransaltor.addEventListener("click",clickEventHandler)