Question

我对JavaScript完全陌生，可以真正使用一些帮助。我必须在JavaScript中创建一个程序，随机生成1到12之间的两个数字，并将它们存储到文本字段中。这两个数字是全局变量，并被发送到一个函数，该函数将文本字段字符串显示为＆＃34; x乘y＆＃34; （x和y是随机生成的数字）。它还应该有一个检查答案按钮，使用window.alert将输入的答案与正确的答案进行比较，并根据他们给出的答案显示一条消息。我没有做太多的事情，所以我为缺乏代码而道歉，但任何帮助对于课堂作业来说都是非常有用的。谢谢！

＆＃13;

var x, y;

    function aNumber(x, y) {
        Math.floor((Math.random() * 12) + 1);
        Math.floor((Math.random() * 12) + 1);
        return x, y;
    }


    function genQuestion(x, y) {
        document.getElementById('question').value = aNumber(x) + "times" + aNumber(y);
    }

＆＃13;

<body>
    <h1>Learning Multiplication</h1>
    <form name="myForm" id="myForm" action="#">
        <label>What is: </label>
        <input id="question" name="question" type="text" />
        <br>
        <label>The answer is: </label>
        <input id="answer" name="answer" type="text" />
        <br>
        <label>Correct answers: </label>
        <input id="total" name="total" type="text" />
    <br>
<button class = "button" name="button" type="button" value="Check answer" onclick="genQuestion()" />
    </form>
</body>

＆＃13;

Answer 1

首先，您可以生成一个新按钮，为x和y生成新值。你的函数名aFunction有点无意义，应该有一个名称是什么功能，比如generateNumbers。

此函数为x和y生成两个新值。

现在它检查答案并发出警告信息。

var x, y;
  
function generateNumbers() {
    function getRandom12() {
        return Math.floor((Math.random() * 12) + 1);
    }
    x = getRandom12();
    y = getRandom12();
}

function genQuestion() {
    generateNumbers();
    document.getElementById('question').value = x + " times " + y;
    document.getElementById('answer').value = '';
    document.getElementById('total').value = '';
}

function checkAnswer() {
     alert(
         x * y === +document.getElementById('answer').value ?
         'Great!' :
         'Not Yet!.'
     );
     document.getElementById('total').value = x * y;
}

genQuestion(); // needed for the first time, could be later an event.

<h1>Learning Multiplication</h1>
<form name="myForm" id="myForm" action="#">
  <label>What is:</label>
  <input id="question" name="question" type="text" /><br>
  <label>The answer is:</label>
  <input id="answer" name="answer" type="text" /><br>
  <label>Correct answers:</label>
  <input id="total" name="total" type="text" /><br>
  <button class="button" name="button" type="button" onclick="genQuestion()" >Generate new Question</button>
  <button class="button" name="button" type="button" onclick="checkAnswer()" >Check answer</button>
</form>

JavaScript随机数学乘法生成器

1 个答案: