-
Notifications
You must be signed in to change notification settings - Fork 0
/
script.js
39 lines (37 loc) · 1.32 KB
/
script.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
const url = "https://api.dictionaryapi.dev/api/v2/entries/en/"
const result = document.getElementById("result")
const sound = document.getElementById("sound")
const btn = document.getElementById("btn")
btn.addEventListener("click", () => {
let inpword = document.getElementById("inp-word").value;
fetch(`${url}${inpword}`)
.then((Response) => Response.json())
.then((data) => {
console.log(data)
result.innerHTML = `
<div class="word">
<h3>${inpword}</h3>
<button onclick = "playSound()">
<img src="assests/soundsvg.svg" alt="icon" width="24" height="24">
</button>
</div>
<div class="details">
<p>${data[0].meanings[0].partOfSpeech}</p>
<p>// ${data[0].phonetic} //</p>
</div>
<p class="meaning">
${data[0].meanings[0].definitions[0].definition}
</p>
<p class="word-example">${data[0].meanings[0].definitions[0].example || "Example"}</p>
`;
sound.setAttribute("src", `https:${data[0].phonetics[0].audio}`)
console.log(sound)
})
.catch((err) => {
console.log(err)
result.innerHTML = `<h3>Word Not Found</h3>`
})
});
function playSound() {
sound.play()
}