javascript - 我正在尝试使用 javascript 构建一个基本的数学游戏

Question

这是我所有的代码，我希望你能看到我哪里出错了。

           var $randomnumber1;
            var $randomnumber2;
            var $answer;            
            var $counter = 1;
            var $data;
    function start_game() { 
         document.getElementById('counternumber').innerHTML = $counter; 
         document.getElementById('txtbox').value = "";                  
         $randomnumber1 = Math.floor(Math.random()*11);                 

            document.getElementById('num1').innerHTML = $randomnumber1; 
                $answer = $randomnumber1 + $randomnumber2;
                $counter++; 
                setFocus();                 
    }           
    function check_answer() {
            var $txt = document.getElementById('txtbox'); 
            var $value = $txt.value;
                if ($value == $answer) {
                    alert('You are correct');
                }
                else {
                    alert('You are incorrect, the answer was ' + $answer);
                }
            document.getElementById('txtbox').value = "";               
            document.getElementById('num1').innerHTML = "";
            document.getElementById('num2').innerHTML = ""; 
                     $randomnumber1 = Math.floor(Math.random()*11); 
                     $randomnumber2 = Math.floor(Math.random()*11);
                     document.getElementById('num1').innerHTML = $randomnumber1; 
                     document.getElementById('num2').innerHTML = $randomnumber2;

                        $answer = $randomnumber1 + $randomnumber2;
                document.getElementById('counternumber').innerHTML = $counter;
                $counter++; 
                    if ($counter > 4) {
                        alert ('End of game......Thanks for playing');
                        $counter = 1;
                            document.getElementById('num1').innerHTML = "";
                            document.getElementById('num2').innerHTML = ""; 
                    }

函数 addAnswers() { var data = $randomnumber1 + " + " + $randomnumber2 + " = " + ($randomnumber1+$randomnumber2) var newListItem = document.createElement('li'); var newText = document.createTextNode(data); newListItem.appendChild(newText); document.getElementById("ans").appendChild(newListItem); }

        <div class="container" id="wrapper">
        <h3>Games Played = <b id='counternumber'></b> / 3 </h3>
        <div id="total">Total: <p id="sumtotal"></p></div>

            <div class="left"><h3 id="num1"></h3></div>
            <div class="plus"><img src="images/plus.png"></div>
            <div class="right"><h3 id="num2"></h3></div>


        <button onclick="start_game(); myCountDown()">Start Game</button>

            <form id="form">
                 <input type="text" id="txtbox" /> 
                 <input type="button" value="Answer" onclick="check_answer(); setFocus(); ShowResults(); sumResults()" />
            </form> 
        </div>
    <a href="index.html">home page</a>

    </div> <!-- /content -->

    <div id="aside">

    </div>

Answer 1

你可以使用这个：

        function addAnswers()
        {
            var data = $randomnumber1 + " + " + $randomnumber2 + " = " + ($randomnumber1+$randomnumber2)
            var newListItem = document.createElement('li');
            var newText = document.createTextNode(data);
            newListItem.appendChild(newText);
            document.getElementById("ans").appendChild(newListItem);
        }

您的问题尚不清楚，但这应该与您正在寻找的内容相符。您需要做的是添加<ul>带有 id 的a ，ans并且此函数将li在您每次运行时将组件附加到它（您的答案）。答案本身将存储到data.

试试看 - 如果您需要帮助自定义它，请更新您的答案。