-
Notifications
You must be signed in to change notification settings - Fork 0
/
script.js
85 lines (80 loc) · 2.59 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
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
// do on load
document.addEventListener('DOMContentLoaded', () => {
// get DOM elements
const inputForm = document.getElementById('inputForm')
const resDiv = document.getElementById('results')
const inputField = document.getElementById('word')
// initialize awesomplete
const awsomeplete = new Awesomplete(inputField)
// reset input field on reload
inputField.value = ""
// get results from API
inputForm.onsubmit = () => {
clear(resDiv)
resDiv.appendChild(getOpposite(inputField.value))
resDiv.appendChild(getSimilar(inputField.value))
// dont change the page on submit
return false
}
// add suggestions while typing
inputField.addEventListener("input", () => { autocomplete(inputField, awsomeplete) })
})
function autocomplete(input, awsomeplete) {
fetch(`https://api.datamuse.com/sug?s=${ input.value }`)
.then(response => response.json())
.then(arr => arr.map(obj => obj['word']))
.then(arr => {
awsomeplete.list = arr
})
awsomeplete.evaluate()
}
// remove all children
function clear(element) {
element.innerHTML = ''
}
// returns a list of opposite words and their definitions
function getOpposite(input) {
let list = document.createElement('dl')
list.className = "col-sm"
list.innerHTML = `<h3>Words with meaning opposite to "${ input }"<h3>`
fetch(`https://api.datamuse.com/words?md=d&rel_ant=${ input }`)
.then(response => response.json())
.then(arr => {
arr.forEach(pair => {
let word = document.createElement('dt')
word.appendChild(document.createTextNode(pair['word']))
list.appendChild(word)
let def = document.createElement('dd')
def.appendChild(document.createTextNode((getFirstDef(pair['defs']))))
list.appendChild(def)
});
})
.catch(err => { console.log(err) })
return list
}
// returns a list of similar words and their definitions
function getSimilar(input) {
let list = document.createElement('dl')
list.className = "col-sm"
list.innerHTML = `<h3>Words with meaning similar to "${ input }"<h3>`
fetch(`https://api.datamuse.com/words?md=d&ml=${ input }`)
.then(response => response.json())
.then(arr => {
arr.forEach(pair => {
let word = document.createElement('dt')
word.appendChild(document.createTextNode(pair['word']))
list.appendChild(word)
let def = document.createElement('dd')
def.appendChild(document.createTextNode((getFirstDef(pair['defs']))))
list.appendChild(def)
});
})
.catch(err => { console.log(err) })
return list
}
function getFirstDef(list) {
// get first definition
let res = list[0]
// remove first word of sentence (for: adj, noun, v)
return res.substr(res.indexOf("\t") + 1)
}