-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathwordweb.js
31 lines (21 loc) · 1.02 KB
/
wordweb.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
// let url = `https://api.dictionaryapi.dev/api/v2/entries/en/${word}`;
// search.addEventListener("click",fun);
let input = document.getElementsByClassName('input')[0];
let button = document.getElementsByClassName('find');
let meaning = document.getElementsByClassName('meaning')[0];
let synonym = document.getElementsByClassName('synonym')[0];
let antonym = document.getElementsByClassName('antonym')[0];
button[0].addEventListener("click", function(){
let word = input.value;
let ajax = new XMLHttpRequest();
let url = `https://api.dictionaryapi.dev/api/v2/entries/en/${word}`;
ajax.open('GET',url);
ajax.send();
ajax.onload = function(){
let ans = JSON.parse(ajax.responseText);
console.log(ans);
antonym.innerHTML = `<span class="text-danger">Antonym:</span> ${ans[0].meanings[0].antonyms[0]}`;
synonym.innerHTML = `<span class="text-danger">Synonym:</span> ${ans[0].meanings[0].synonyms[0]}`;
meaning.innerHTML = `<span class="text-danger">Meaning:</span> ${ans[0].meanings[0].definitions[0].definition}`;
}
})