자바 스크립트를 사용하여 기본적인 수학 게임을 만들려고 노력하고 있습니다.

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 데이터 = $ randomnumber1 + "+"+ $의 randomnumber2 + "="+ ($ randomnumber1 + $ randomnumber2) VAR newListItem = document.createElement ('리'); var newText = document.createTextNode (data); newListItem.appendChild (newText); document.getElementById ("ans"). appendChild (newListItem);

 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); 
     } 

귀하의 질문은 불분명하지만,이 당신을 위해 무엇을 찾고있는 사람의 라인을 따라 뭔가해야한다 : }

 <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

당신은이를 사용할 수 있습니다. 당신이해야 할 일은 ID가 ans 인 <ul>을 추가하는 것입니다.이 함수는 실행할 때마다 li 구성 요소에 응답을 추가합니다 (답변). 대답 자체는 data에 저장됩니다.

시도해보십시오. 사용자 정의 도움말을 보려면 답변을 업데이트하십시오.