-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.js
31 lines (25 loc) · 891 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
const inputArea = document.querySelector("#inputText");
const btnTransalte = document.querySelector("#btn");
const outputArea = document.querySelector("#outputText");
var url = "https://api.funtranslations.com/translate/klingon.json";
function getTranslationURL(text) {
return url + "?" + "text=" + text;
}
function errorHandler(error) {
console.log("error occured", error);
alert("Something else in database");
}
function submitHandler() {
// console.log("hi");
// outputArea.innerHTML = `welcome ${inputArea.value}`;
var textInput = inputArea.value;
console.log(textInput);
fetch(getTranslationURL(textInput))
.then((Response) => Response.json())
.then((json) => {
var translatedText = json.contents.translated;
outputArea.innerHTML = translatedText;
})
.catch(errorHandler);
}
btnTransalte.addEventListener("click", submitHandler);