diff --git a/contact.html b/contact.html index 6600bef..c1c142b 100644 --- a/contact.html +++ b/contact.html @@ -16,6 +16,7 @@
  • Home
  • Vocabulary
  • Grammar
  • +
  • Pronunciation
  • Exercises
  • Tests
  • Reading
  • diff --git a/exercises.html b/exercises.html index a24d03e..2e3aef0 100644 --- a/exercises.html +++ b/exercises.html @@ -16,6 +16,7 @@
  • Home
  • Vocabulary
  • Grammar
  • +
  • Pronunciation
  • Exercises
  • Tests
  • Reading
  • diff --git a/grammar.html b/grammar.html index 6bbaf5f..164f3ea 100644 --- a/grammar.html +++ b/grammar.html @@ -16,6 +16,7 @@
  • Home
  • Vocabulary
  • Grammar
  • +
  • Pronunciation
  • Exercises
  • Tests
  • Reading
  • diff --git a/index.html b/index.html index c9b67fc..7ef746f 100644 --- a/index.html +++ b/index.html @@ -16,6 +16,7 @@
  • Home
  • Vocabulary
  • Grammar
  • +
  • Pronunciation
  • Exercises
  • Tests
  • Reading
  • @@ -72,6 +73,12 @@

    Read short and simple texts in English. Each text has questions to check your understanding.

    Start Reading +
    +
    🗣️
    +

    Pronunciation

    +

    Listen to words and phrases spoken aloud. Practice your pronunciation and improve your speaking skills.

    + Start Speaking +
    diff --git a/js/script.js b/js/script.js index bcbb76a..517459a 100644 --- a/js/script.js +++ b/js/script.js @@ -166,6 +166,60 @@ function submitForm(event) { }, 5000); } +// --- Pronunciation --- +function speakWord(word, rate) { + if (!window.speechSynthesis) { + alert('Speech synthesis is not supported in your browser.'); + return; + } + window.speechSynthesis.cancel(); + var utterance = new SpeechSynthesisUtterance(word); + utterance.lang = 'en-US'; + utterance.rate = rate || 0.9; + utterance.pitch = 1; + window.speechSynthesis.speak(utterance); +} + +function repeatWord(btn) { + var word = btn.getAttribute('data-word'); + speakWord(word, 0.8); + btn.textContent = '🔊 Playing...'; + setTimeout(function() { btn.textContent = '🔊 Listen'; }, 1500); +} + +function speakSlow(btn) { + var word = btn.getAttribute('data-word'); + speakWord(word, 0.4); + btn.textContent = '🐢 Slow...'; + setTimeout(function() { btn.innerHTML = '🐢 Slow'; }, 2000); +} + +function checkDictation(input) { + var exercise = input.closest('.exercise'); + var answer = input.getAttribute('data-answer'); + var feedback = exercise.querySelector('.feedback'); + + input.classList.remove('correct', 'wrong'); + + if (input.value.trim().toLowerCase() === answer.toLowerCase()) { + input.classList.add('correct'); + feedback.textContent = 'Correct! Great listening!'; + feedback.className = 'feedback correct'; + } else { + input.classList.add('wrong'); + feedback.textContent = 'Not quite. The correct word is: ' + answer; + feedback.className = 'feedback wrong'; + } + feedback.style.display = 'block'; +} + +function speakPhrase(btn) { + var phrase = btn.getAttribute('data-phrase'); + speakWord(phrase, 0.8); + btn.textContent = '🔊 Playing...'; + setTimeout(function() { btn.innerHTML = '🔊 Hear Phrase'; }, 1500); +} + // --- Vocabulary filter --- function filterVocab(category, btn) { const rows = document.querySelectorAll('.vocab-row'); diff --git a/pronunciation.html b/pronunciation.html new file mode 100644 index 0000000..477af3b --- /dev/null +++ b/pronunciation.html @@ -0,0 +1,413 @@ + + + + + + Pronunciation — English Easy + + + + +
    +
    + + + +
    +
    + + + +
    +
    + +
    + 💡 Tip: Click Listen to hear the word, then repeat it out loud. Use Slow to hear it spoken slowly. Practice every day! +
    + +
    +

    Click on any word to hear how it's pronounced. Repeat after the speaker. The transcription shows you how to read the sounds.

    +
    + + +

    Common Words

    + +
    +
    + Hello + /həˈloʊ/ + Привет +
    +
    + + +
    +
    + +
    +
    + Goodbye + /ɡʊdˈbaɪ/ + До свидания +
    +
    + + +
    +
    + +
    +
    + Thank you + /θæŋk juː/ + Спасибо +
    +
    + + +
    +
    + +
    +
    + Please + /pliːz/ + Пожалуйста +
    +
    + + +
    +
    + +
    +
    + Sorry + /ˈsɒri/ + Извините +
    +
    + + +
    +
    + +
    +
    + Water + /ˈwɔːtər/ + Вода +
    +
    + + +
    +
    + +
    +
    + Beautiful + /ˈbjuːtɪfəl/ + Красивый +
    +
    + + +
    +
    + +
    +
    + Important + /ɪmˈpɔːrtənt/ + Важный +
    +
    + + +
    +
    + +
    +
    + Different + /ˈdɪfərənt/ + Разный +
    +
    + + +
    +
    + +
    +
    + Family + /ˈfæməli/ + Семья +
    +
    + + +
    +
    + +
    +
    + Weather + /ˈweðər/ + Погода +
    +
    + + +
    +
    + +
    +
    + Morning + /ˈmɔːrnɪŋ/ + Утро +
    +
    + + +
    +
    + + +

    Common Phrases

    + +
    +
    + How are you? + Как дела? +
    +
    + +
    +
    + +
    +
    + I am fine, thank you. + Я в порядке, спасибо. +
    +
    + +
    +
    + +
    +
    + Nice to meet you. + Приятно познакомиться. +
    +
    + +
    +
    + +
    +
    + What is your name? + Как тебя зовут? +
    +
    + +
    +
    + +
    +
    + Where are you from? + Откуда ты? +
    +
    + +
    +
    + + +

    Pronunciation Tips

    + +
    +
    +

    👄 The "th" Sound

    +

    Put your tongue between your teeth and blow air.

    +
    Think /θɪŋk/ — Thank you /θæŋk juː/
    +
    +
    +

    🗣️ The "r" Sound

    +

    In English, the tongue does not touch the top of the mouth.

    +
    Red /red/ — Right /raɪt/
    +
    +
    +

    🎵 Word Stress

    +

    English words have one stressed syllable. Say it louder and longer.

    +
    imPORtant — BEAUtiful
    +
    +
    + + +

    Dictation Practice

    +

    Listen to the word, then type what you hear.

    + +
    +

    Listen and type the word

    +

    🔊 Click the button to hear a word, then type it:

    +
    + + + +
    + +
    + +
    +

    Listen and type the word

    +

    🔊 Click the button to hear a word, then type it:

    +
    + + + +
    + +
    + +
    +

    Listen and type the word

    +

    🔊 Click the button to hear a word, then type it:

    +
    + + + +
    + +
    + +
    +
    + + + + + + diff --git a/reading.html b/reading.html index 05d03c7..a040e85 100644 --- a/reading.html +++ b/reading.html @@ -16,6 +16,7 @@
  • Home
  • Vocabulary
  • Grammar
  • +
  • Pronunciation
  • Exercises
  • Tests
  • Reading
  • diff --git a/tests.html b/tests.html index eb4deda..a6b9b56 100644 --- a/tests.html +++ b/tests.html @@ -16,6 +16,7 @@
  • Home
  • Vocabulary
  • Grammar
  • +
  • Pronunciation
  • Exercises
  • Tests
  • Reading
  • diff --git a/vocabulary.html b/vocabulary.html index dea730d..74af830 100644 --- a/vocabulary.html +++ b/vocabulary.html @@ -16,6 +16,7 @@
  • Home
  • Vocabulary
  • Grammar
  • +
  • Pronunciation
  • Exercises
  • Tests
  • Reading