@@ -156,9 +156,7 @@ function updateActiveButton() {
 function togglePaginationButtonsVisibility() {
   const prevButton = document.querySelector('.prev_btn');
   const nextButton = document.querySelector('.next_btn');
-  
-  if (currentPage === 1) {
-    
+  if (currentPage === 1) {    
     console.log("start")
     prevButton.style.display = 'none';
   } else {
 
@@ -12,7 +12,7 @@
     <div class="wrapper">
         <header>English Dictionary</header>
         <div class="search">
-            <input type="text" placeholder="Search a word">
+            <input type="text" placeholder="Search a word" id="word">
             <i class="fas fa-search"></i>
             <span class="material-icons">close</span>
         </div>
 
@@ -70,4 +70,10 @@ removeIcon.addEventListener('click', () => {
     wrapper.classList.remove("active");
     infoText.style.color = '#9a9a9a';
     infoText.innerHTML= "Type a word and press enter";
-});
+});
+
+document.querySelector(".fa-volume-up").addEventListener("click",()=>{
+    var text = document.getElementById("word").value;
+    var utterance = new SpeechSynthesisUtterance(text);
+    window.speechSynthesis.speak(utterance);
+})