如何使用浏览器中的提示验证多个 OTP？

Question

我想使用下面的代码片段来验证多个 OTPs。如果一个 OTP 是正确的，则应该向用户询问下一个问题。 4 个问题后，显示问候语。

var question = prompt('Who shot Abraham Lincoln?');

switch (question) {
    case 'john wilkes booth':
    case 'John Booth':
    case 'John Wilkes Booth':
        alert("That\'s Right!"); 
        window.location.href = 'q2.html'; 
        break;

    default:
        alert("Sorry, that\'s not right.");
        alert('Please try again');
        history.refresh();
        break;
}

需要帮助重新构建上面的代码。

Answer 1

解决方法如下

var verificationStatus = 'unverified';
    
    function questionnaire(questions, answers) {
        // Proceed only if # of questions and answers are equal
        if (questions && answers && questions.length === answers.length) {
    
            questions.forEach(function(question, index) {
                // Prompt only if verificationStatus has not been marked false already
                if (verificationStatus !== false) {
                    var userInput = prompt(question);
    
                    switch (userInput) {
                        case answers[index]:
                            verificationStatus = true;
                            break;
    
                        default:
                            verificationStatus = false;
                            break;
                    }
                }
            });
        }
    
        if (verificationStatus) {
            alert('Greetings, Verification Successful');
        } else {
            alert('Sorry, Verification Failed');
        }
    }
    
    // Please note # of questions and answers must be equal
    questionnaire(['Q1', 'Q2', 'Q3', 'Q4'], ['1', '2', '3', '4']);

行为

• 上面的代码片段提出了 4 个问题，答案分别是 1, 2, 3, 4。
• 如果在任何时候给出了错误的答案，不再提问。
• 最后显示一条消息（问候语）。

希望对您有所帮助！