A-Kinh nghiem hay: Life Stories

<html lang="vi">
<head>
    <meta charset="UTF-8"></meta>
    <meta content="width=device-width, initial-scale=1.0" name="viewport"></meta>
    <title>Unit 1 - Reading: Inspiring Life Stories</title>
    <style>
        :root {
            --primary: #2563eb;
            --primary-hover: #1d4ed8;
            --bg-gray: #f8fafc;
            --border: #e2e8f0;
            --correct: #15803d;
            --wrong: #b91c1c;
        }
        body { font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; background: #f1f5f9; margin: 0; padding: 20px; color: #1e293b; }
        .container { max-width: 850px; margin: 0 auto; background: #fff; padding: 30px; border-radius: 16px; box-shadow: 0 4px 6px -1px rgba(0,0,0,0.1); }
        
        /* Top Navigation */
        .nav-header { display: flex; justify-content: space-between; align-items: center; margin-bottom: 20px; border-bottom: 1px dashed var(--border); padding-bottom: 12px; }
        .breadcrumb { font-size: 14px; color: #64748b; }
        .btn-back-toc {
            display: inline-flex;
            align-items: center;
            gap: 6px;
            text-decoration: none;
            color: var(--primary);
            font-size: 14px;
            font-weight: 600;
            background: #eff6ff;
            padding: 6px 12px;
            border-radius: 8px;
            transition: 0.2s;
        }
        .btn-back-toc:hover { background: var(--primary); color: #fff; }

h1 { color: var(--primary); margin-top: 0; margin-bottom: 5px; font-size: 26px; }
        .subtitle { color: #64748b; font-style: italic; margin-bottom: 25px; }

.section-title { font-weight: 700; font-size: 18px; color: var(--primary); border-bottom: 2px solid var(--primary); padding-bottom: 6px; margin-top: 30px; margin-bottom: 15px; display: flex; justify-content: space-between; align-items: center; }

/* Vocab Table */
        table { width: 100%; border-collapse: collapse; margin-bottom: 20px; }
        th, td { border: 1px solid var(--border); padding: 10px 12px; text-align: left; vertical-align: middle; }
        th { background: var(--bg-gray); color: #334155; }
        
        /* Buttons */
        .btn-audio {
            background: #e0f2fe;
            color: #0284c7;
            border: none;
            padding: 6px 12px;
            border-radius: 20px;
            cursor: pointer;
            font-size: 13px;
            font-weight: 600;
            transition: 0.2s;
            display: inline-flex;
            align-items: center;
            gap: 4px;
        }
        .btn-audio:hover { background: #0284c7; color: #fff; }

.btn-audio-main {
            background: #2563eb;
            color: #fff;
            border: none;
            padding: 8px 16px;
            border-radius: 20px;
            cursor: pointer;
            font-size: 14px;
            font-weight: 600;
            transition: 0.2s;
        }
        .btn-audio-main:hover { background: #1d4ed8; }

/* Reading Box */
        .reading-box { background: var(--bg-gray); padding: 22px; border-radius: 12px; border-left: 5px solid var(--primary); margin-bottom: 25px; font-size: 16px; line-height: 1.8; color: #334155; }
        .reading-p { margin-bottom: 16px; text-align: justify; }

/* Quiz Box */
        .q-box { border: 1px solid var(--border); padding: 18px; border-radius: 10px; margin-bottom: 18px; background: #fff; }
        .q-title { font-weight: 600; margin-bottom: 12px; font-size: 15px; line-height: 1.5; }
        .options { display: flex; flex-direction: column; gap: 8px; }
        .option { padding: 10px 14px; border: 1px solid var(--border); border-radius: 8px; cursor: pointer; transition: 0.2s; display: flex; align-items: center; gap: 8px; }
        .option:hover { background: #f1f5f9; }

.btn-submit { background: var(--primary); color: white; border: none; padding: 12px 28px; font-size: 16px; font-weight: bold; border-radius: 8px; cursor: pointer; display: block; margin: 25px auto 0; transition: 0.2s; }
        .btn-submit:hover { background: var(--primary-hover); }

.result-box { margin-top: 12px; padding: 10px 14px; border-radius: 6px; display: none; font-weight: bold; }
        .explanation { margin-top: 8px; font-size: 0.9em; color: #475569; background: #f8fafc; padding: 10px; border-left: 3px solid var(--primary); display: none; border-radius: 4px; }
        .correct { background-color: #dcfce7; color: var(--correct); }
        .incorrect { background-color: #fee2e2; color: var(--wrong); }

/* Bottom Navigation */
        .bottom-nav { display: flex; justify-content: space-between; align-items: center; margin-top: 40px; padding-top: 20px; border-top: 1px solid var(--border); }
        .nav-link { text-decoration: none; font-weight: 600; color: var(--primary); padding: 10px 18px; border-radius: 8px; border: 1px solid var(--border); transition: 0.2s; }
        .nav-link:hover { background: var(--bg-gray); }
    </style>
</head>
<body>

<div class="container">
    
    <div class="nav-header">
        <div class="breadcrumb">Unit 1: Life Stories > Reading</div>
        <a class="btn-back-toc" href="https://sangkienkinhnghiemhay.blogspot.com/p/kiem-tien-online_15.html">☰ Về Mục Lục Unit 1</a>
    </div>

<h1>UNIT 1: READING - INSPIRING LIFE STORIES</h1>
    <p class="subtitle">Chủ đề: Những câu chuyện cuộc đời truyền cảm hứng (Sách Tiếng Anh 12 mới)</p>

<div class="section-title">
        <span>1. Pre-reading Vocabulary (Từ vựng quan trọng)</span>
    </div>
    <table>
        <thead>
            <tr>
                <th>Từ vựng</th>
                <th>Nghe</th>
                <th>Phiên âm</th>
                <th>Từ loại</th>
                <th>Nghĩa tiếng Việt</th>
            </tr>
        </thead>
        <tbody>
            <tr>
                <td><b>Genius</b></td>
                <td><button class="btn-audio" onclick="speak('Genius')">🔊 Nghe</button></td>
                <td>/ˈdʒiːniəs/</td>
                <td>(n)</td>
                <td>Thiên tài</td>
            </tr>
            <tr>
                <td><b>Overcome</b></td>
                <td><button class="btn-audio" onclick="speak('Overcome')">🔊 Nghe</button></td>
                <td>/ˌəʊvəˈkʌm/</td>
                <td>(v)</td>
                <td>Vượt qua (khó khăn, trở ngại)</td>
            </tr>
            <tr>
                <td><b>Hardship</b></td>
                <td><button class="btn-audio" onclick="speak('Hardship')">🔊 Nghe</button></td>
                <td>/ˈhɑːdʃɪp/</td>
                <td>(n)</td>
                <td>Sự gian khổ, gian khó</td>
            </tr>
            <tr>
                <td><b>Perseverance</b></td>
                <td><button class="btn-audio" onclick="speak('Perseverance')">🔊 Nghe</button></td>
                <td>/ˌpɜːsɪˈvɪərəns/</td>
                <td>(n)</td>
                <td>Tính kiên trì, sự bền chí</td>
            </tr>
            <tr>
                <td><b>Inspire</b></td>
                <td><button class="btn-audio" onclick="speak('Inspire')">🔊 Nghe</button></td>
                <td>/ɪnˈspaɪə(r)/</td>
                <td>(v)</td>
                <td>Truyền cảm hứng</td>
            </tr>
            <tr>
                <td><b>Contribution</b></td>
                <td><button class="btn-audio" onclick="speak('Contribution')">🔊 Nghe</button></td>
                <td>/ˌkɒntrɪˈbjuːʃn/</td>
                <td>(n)</td>
                <td>Sự đóng góp, cống hiến</td>
            </tr>
        </tbody>
    </table>

<div class="section-title">
        <span>2. Reading Passage: A Journey of Perseverance</span>
        <button class="btn-audio-main" onclick="speakText('readingPassage')">▶ Nghe Toàn Bài Đọc</button>
    </div>
    
    <div class="reading-box" id="readingPassage">
        <p class="reading-p">
            Many remarkable individuals throughout history have shown us that success is not determined by background or circumstance, but by perseverance and hard work. One such inspiring figure is Dr. APJ Abdul Kalam, the 11th President of India, who was also a world-renowned aerospace scientist.
        </p>
        <p class="reading-p">
            Born into a poor family in a small coastal town, Kalam had to work at an early age to support his family's livelihood. Despite facing severe financial hardship, his passion for learning never faded. He spent hours reading books and studying late into the night. His dedication paid off when he earned a degree in aeronautical engineering and joined India's defense research organizations.
        </p>
        <p class="reading-p">
            Throughout his distinguished career, Dr. Kalam played a pivotal role in developing India's space and missile programs, earning him the affectionate nickname "People's President" and the "Missile Man of India". Beyond his scientific accomplishments, he was deeply committed to education. He spent his final years visiting schools and universities, inspiring millions of young minds to dream big and work hard to achieve their goals. His life story continues to be a powerful reminder that determination can overcome any obstacle.
        </p>
    </div>

<div class="section-title">
        <span>3. Practice Test (Bài tập kiểm tra đọc hiểu)</span>
    </div>
    
    <form id="quizForm">
        
        <div class="q-box" data-correct="B">
            <div class="q-title">Question 1: What is the main idea of the reading passage?</div>
            <div class="options">
                <label class="option"><input name="q1" type="radio" value="A" /> A. The history of India's aerospace research programs.</label>
                <label class="option"><input name="q1" type="radio" value="B" /> B. The inspiring life and achievements of Dr. APJ Abdul Kalam.</label>
                <label class="option"><input name="q1" type="radio" value="C" /> C. How poor students can earn engineering degrees easily.</label>
                <label class="option"><input name="q1" type="radio" value="D" /> D. The political career of Indian presidents in history.</label>
            </div>
            <div class="result-box"></div>
            <div class="explanation">
                <b>Giải thích:</b> Bài đọc tập trung nói về cuộc đời vượt khó và những thành tựu truyền cảm hứng của Tiến sĩ APJ Abdul Kalam.
            </div>
        </div>

<div class="q-box" data-correct="C">
            <div class="q-title">Question 2: Why did Dr. Kalam have to work at an early age?</div>
            <div class="options">
                <label class="option"><input name="q2" type="radio" value="A" /> A. Because he wanted to buy scientific books.</label>
                <label class="option"><input name="q2" type="radio" value="B" /> B. Because he was not interested in going to school.</label>
                <label class="option"><input name="q2" type="radio" value="C" /> C. To help support his poor family's livelihood.</label>
                <label class="option"><input name="q2" type="radio" value="D" /> D. To pay for his flight training courses.</label>
            </div>
            <div class="result-box"></div>
            <div class="explanation">
                <b>Giải thích:</b> Trong đoạn 2 có ghi: "...Kalam had to work at an early age to support his family's livelihood." (phải đi làm sớm để giúp trang trải cuộc sống gia đình).
            </div>
        </div>

<div class="q-box" data-correct="A">
            <div class="q-title">Question 3: The word <b>"hardship"</b> in paragraph 2 is closest in meaning to ______.</div>
            <div class="options">
                <label class="option"><input name="q3" type="radio" value="A" /> A. difficulty</label>
                <label class="option"><input name="q3" type="radio" value="B" /> B. wealth</label>
                <label class="option"><input name="q3" type="radio" value="C" /> C. comfort</label>
                <label class="option"><input name="q3" type="radio" value="D" /> D. advantage</label>
            </div>
            <div class="result-box"></div>
            <div class="explanation">
                <b>Giải thích:</b> "Hardship" có nghĩa là gian khổ, khó khăn = "difficulty".
            </div>
        </div>

<div class="q-box" data-correct="D">
            <div class="q-title">Question 4: According to the passage, which of the following is NOT true about Dr. Kalam?</div>
            <div class="options">
                <label class="option"><input name="q4" type="radio" value="A" /> A. He was affectionately called the "People's President".</label>
                <label class="option"><input name="q4" type="radio" value="B" /> B. He contributed significantly to India's missile programs.</label>
                <label class="option"><input name="q4" type="radio" value="C" /> C. He spent his final years inspiring young students in schools.</label>
                <label class="option"><input name="q4" type="radio" value="D" /> D. He stopped studying because his family was too poor.</label>
            </div>
            <div class="result-box"></div>
            <div class="explanation">
                <b>Giải thích:</b> Thông tin D sai vì dù gia đình nghèo nhưng tình yêu học tập của ông không bao giờ tắt ("passion for learning never faded").
            </div>
        </div>

<div class="q-box" data-correct="C">
            <div class="q-title">Question 5: The word <b>"He"</b> in paragraph 3 refers to ______.</div>
            <div class="options">
                <label class="option"><input name="q5" type="radio" value="A" /> A. A young student</label>
                <label class="option"><input name="q5" type="radio" value="B" /> B. An aerospace engineer</label>
                <label class="option"><input name="q5" type="radio" value="C" /> C. Dr. APJ Abdul Kalam</label>
                <label class="option"><input name="q5" type="radio" value="D" /> D. A school principal</label>
            </div>
            <div class="result-box"></div>
            <div class="explanation">
                <b>Giải thích:</b> Đại từ "He" ở đoạn 3 dùng để thay thế cho nhân vật chính Dr. APJ Abdul Kalam.
            </div>
        </div>

<div class="bottom-nav">
        <a class="nav-link" href="https://sangkienkinhnghiemhay.blogspot.com/p/kiem-tien-online_15.html">← Bài trước: Language</a>
        <a class="nav-link" href="https://sangkienkinhnghiemhay.blogspot.com/p/kiem-tien-online_15.html" style="background: var(--primary); color: white;">Bài tiếp theo: Speaking →</a>
    </div>
</div>

function speak(text) {
        if (!('speechSynthesis' in window)) return;
        
        try {
            // Hủy ngay lập tục lệnh cũ đang bị treo
            synth.cancel();

setTimeout(() => {
                const utterance = new SpeechSynthesisUtterance(text);
                utterance.lang = 'en-US';
                utterance.rate = 0.85;

// Tự động giải phóng bộ nhớ khi phát xong hoặc lỗi
                utterance.onend = () => { synth.cancel(); };
                utterance.onerror = () => { synth.cancel(); };

synth.speak(utterance);
            }, 60);
        } catch (e) {
            console.error("Lỗi âm thanh:", e);
        }
    }

// Đọc toàn bộ bài văn đọc hiểu
    function speakText(containerId) {
        const textElement = document.getElementById(containerId);
        if (textElement) {
            speak(textElement.innerText);
        }
    }

// --- XỬ LÝ CHẤM ĐIỂM BÀI TẬP ---
    function checkQuiz() {
        const qBoxes = document.querySelectorAll('.q-box');
        let score = 0;

qBoxes.forEach((box, index) => {
            const correctAnswer = box.getAttribute('data-correct');
            const selectedOption = box.querySelector(`input[name="q${index + 1}"]:checked`);
            const resultBox = box.querySelector('.result-box');
            const expBox = box.querySelector('.explanation');

resultBox.style.display = 'block';
            expBox.style.display = 'block';

if (selectedOption) {
                if (selectedOption.value === correctAnswer) {
                    score++;
                    resultBox.className = 'result-box correct';
                    resultBox.innerHTML = '✓ Chính xác!';
                } else {
                    resultBox.className = 'result-box incorrect';
                    resultBox.innerHTML = `✗ Sai rồi! Đáp án đúng là: ${correctAnswer}`;
                }
            } else {
                resultBox.className = 'result-box incorrect';
                resultBox.innerHTML = `! Chưa chọn đáp án. Đáp án đúng là: ${correctAnswer}`;
            }
        });

alert(`Kết quả bài làm của em:\nĐúng: ${score}/${qBoxes.length} câu!`);
    }
</script>

</body>
</html><b><a href="https://sangkienkinhnghiemhay.blogspot.com/p/kiem-tien-online_15.html" target="_blank">Về mục lục</a></b>

Unit 1 Life Stories We Admire-Reading (Tiếng Anh 12)

Unit 1 - Reading: Inspiring Life Stories Unit 1: Life Stories > Reading ☰ Về Mục Lụ...

Unit 1 Life Stories We Admire-Reading (Tiếng Anh 12)

Giáo dục

Tự động hóa