/
main.js
110 lines (71 loc) · 2.54 KB
/
main.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
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
/**
//input
var user_name = prompt("Enter your username");
//processing
var welcome_message = `Welcome here ${user_name}`;
//output
alert(welcome_message);
**/
var button_translate = document.querySelector("#btn-translate");
var button_speak = document.getElementById('btn-speak')
var input_textarea = document.querySelector("#txt-input");
var output_div = document.querySelector("#output");
// var encoded_server_URL = encodeURI("https://lessonfourapi.tanaypratap.repl.co/translate/yoda.json")
var encoded_server_URL = encodeURI(
"https://api.funtranslations.com/translate/minion.json"
);
//inbuilt Web Speech API
// Declaring Variables Before initializing function is a good practice
function getTranslationURL(value) {
var request = encoded_server_URL + "?" + "text=" + value;
return request;
}
function errorHandler() {
alert("server is not working, please try again later");
}
function clickEventHandler() {
/**
// console.log("clicked");
// console.log("The input is ",input_textarea.value);
//output_div.innerText= "translated " + input_textarea.value
*/
var inputText = input_textarea.value; //taking input
//calling server for processing
fetch(getTranslationURL(inputText))
.then((response) => response.json())
.then((json) => {
var translated_text = json.contents.translated;
output_div.innerText = translated_text; //output
})
.catch(errorHandler); //error handling
}
button_translate.addEventListener("click", clickEventHandler);
button_speak.addEventListener("click", ()=>{
let tts = new SpeechSynthesisUtterance();
//text to speech
let voices = []
tts.lang = "en-US"
tts.text = output_div.innerText
tts.voice=voices[0];
tts.rate =1;
tts.volume = 1;
tts.pitch = 0.2 ;
window.speechSynthesis.speak(tts);
})
/**
// EXERCISE QUESTION
var text_area= document.querySelector("textarea"); - right
var primary_button= document.querySelector(".btn-primary") - right
var input_button=document.querySelector("#input-btn")-right;
var input_element=document.getElementsByTagName("#input[name='translator']");-to_check
//home work -1
let element = document.createElement("div");
let text = document.createTextNode("ayee yo sup?")
document.body.appendChild(element);
//IMP - always add body before appending anything otherwise you will append in DOCUMENT itself
element.appendChild(text);
// TESTING API
fetch("https://lessonfourapi.tanaypratap.repl.co/translate/yoda.json?text=work pls")
.then(response => response.text())
.then(result => console.log(result))
**/