-
Englist Dictionary
+
English Dictionary
Type a word and press enter
diff --git a/script.js b/script.js
index e69de29..49be0c9 100644
--- a/script.js
+++ b/script.js
@@ -0,0 +1,17 @@
+const input = document.getElementById("input");
+
+async function fetchAPI(word){
+ const url = `https://api.dictionaryapi.dev/api/v2/entries/en/${word}`
+ const result = await fetch(url).then((res)=>res.json())
+ console.log(result);
+}
+
+input.addEventListener("keyup", (e)=> {
+ // console.log anything we enter
+ // console.log(e.target.value);
+ // shows the key e.g enter, backspace
+ // console.log(e.key);
+ if(e.target.value && e.key === "Enter"){
+ fetchAPI(e.target.value)
+ }
+})
\ No newline at end of file
diff --git a/style.css b/style.css
index 61c08d3..9538643 100644
--- a/style.css
+++ b/style.css
@@ -24,4 +24,22 @@ body{
max-width: 450px;
text-align: center;
font-size: 18px;
+ font-weight: 500;
+}
+
+.heading{
+ font-size: 28px;
+}
+.input{
+ height: 53px;
+ width: 300px;
+ background-color: rgba(255, 255, 255, .6);
+ border-color: rgba(255, 255, 255, .4);
+ font-size: 16px;
+ padding: 0px 42px;
+ border-radius: 5px;
+}
+
+.meaning-container{
+ display: none;
}
\ No newline at end of file