怎么让：如果提交的答案是错误的，则把正确的答案显示在错误的旁边：cell3.textContent = question.userAnswer+‘【‘+正确答案+’】’;

Question

window.onload = function() {
    const questionsData = JSON.parse(localStorage.getItem('questionsData'));
    const resultsTableBody = document.getElementById('resultsTableBody');
    let correctCount = 0;
    let wrongCount = 0;
 
    // 计算对错题数
    questionsData.forEach(question => {
        if (question.isCorrect) {
            correctCount++;
        } else {
            wrongCount++;
        }
    });
    // 更新段落文本
    const summaryElement1 = document.getElementById('summary1');
    const summaryElement2 = document.getElementById('summary2');
    summaryElement1.textContent = `${correctCount}`;
    summaryElement2.textContent = `${wrongCount}`;
    
    questionsData.forEach((question, index) => {
        const row = resultsTableBody.insertRow();
        const cell1 = row.insertCell(0);
        const cell2 = row.insertCell(1);
        const cell3 = row.insertCell(2);
        const cell4 = row.insertCell(3);
        
        // 添加class到每个cell
        cell1.className = "biankuan4";
        cell2.className = "biankuan5";
        cell3.className = "biankuan5";
        cell4.className = "biankuan5";
        
        cell1.textContent = index + 1;
        cell2.textContent = question.question;
        cell3.textContent = question.userAnswer;
        cell4.textContent = question.isCorrect ? '√' : '×';
    });
};

怎么让：如果提交的答案是错误的，则把正确的答案显示在错误的旁边：cell3.textContent = question.userAnswer+‘【‘+正确答案+’】’;

Answer 1

引自免费微信小程序：皆我百晓生

要实现在用户答案错误时将正确答案显示在旁边的功能，你可以在处理每一行数据时检查用户的答案是否正确，如果不正确，则在显示用户答案的同时添加上正确答案。这可以通过修改cell3.textContent的赋值语句来实现。下面是一个修改后的代码示例，展示了如何在错误答案旁边显示正确答案：

window.onload = function() {
    const questionsData = JSON.parse(localStorage.getItem('questionsData'));
    const resultsTableBody = document.getElementById('resultsTableBody');
    let correctCount = 0;
    let wrongCount = 0;
 
    // 计算对错题数
    questionsData.forEach(question => {
        if (question.isCorrect) {
            correctCount++;
        } else {
            wrongCount++;
        }
    });

    // 更新段落文本
    const summaryElement1 = document.getElementById('summary1');
    const summaryElement2 = document.getElementById('summary2');
    summaryElement1.textContent = `${correctCount}`;
    summaryElement2.textContent = `${wrongCount}`;

    questionsData.forEach((question, index) => {
        const row = resultsTableBody.insertRow();
        const cell1 = row.insertCell(0);
        const cell2 = row.insertCell(1);
        const cell3 = row.insertCell(2);
        const cell4 = row.insertCell(3);

        // 添加class到每个cell
        cell1.className = "biankuan4";
        cell2.className = "biankuan5";
        cell3.className = "biankuan5";
        cell4.className = "biankuan5";

        cell1.textContent = index + 1;
        cell2.textContent = question.question;
        // 检查答案是否正确，如果错误则在用户答案后面加上正确答案
        cell3.textContent = question.isCorrect ? question.userAnswer : question.userAnswer + `【${question.correctAnswer}】`;
        cell4.textContent = question.isCorrect ? '√' : '×';
    });
};

在这个修改后的代码中，我们检查了question.isCorrect的值，如果为false（即答案错误），则在question.userAnswer后面追加正确答案，格式为【正确答案】。

这样，当用户答案错误时，正确答案将以指定格式显示在用户答案旁边，方便用户查看和学习。