-
Notifications
You must be signed in to change notification settings - Fork 0
/
app.js
29 lines (25 loc) · 872 Bytes
/
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
// button
var transButton = document.querySelector("#translate-button");
transButton.addEventListener("click", buttonClickHandler)
// take input
var translateInput = document.querySelector("#translate-input");
// output
var translateOutput = document.querySelector("#translate-output");
var url = "https://api.funtranslations.com/translate/minion.json"
function buttonClickHandler(event)
{
console.log("button clicked");
var input = translateInput.value;
var finalURL = constructURL(input);
console.log(finalURL);
fetch(finalURL)
.then(response => response.json())
.then(json => {
translateOutput.innerText = json.contents.translated;
})
.catch(() => alert("some error occured"))
}
function constructURL(inputText) {
var translatedURL = encodeURI(inputText);
return url+"?text="+translatedURL;
}