创建一个简单的数学游戏

我是JavaScript新兴的发展中国家，我自己创建了一个小型游戏，我的父亲学生将能够在学校中玩。这个游戏包含4个不同的数学运算（加法，减法，乘法，除法）。一旦学生点击操作按钮，他们将被转移到一个新的页面。此页面将具有1到10之间的数字。此号码将用作静态号码。用户选择此号码后，他们将有10个不同的问题需要回答。第一个数字是从1到12的随机数字，第二个数字是他们之前在页面上选择的数字。完成10个问题后，他们将会看到一个页面，告诉他们错过了哪些问题。我已经开始了添加部分的代码，但是我遇到了一些困难。创建一个简单的数学游戏

1）我如何将答案从一个函数转移到另一个函数？这将用于检查输入。

2）使用switch语句来选择操作&的静态数字会更直观吗？

3）有没有其他方法可以帮助制作这款游戏？

我想事先感谢您，并为长期职位道歉。我有点失落，很想得到某种反馈。

var x; 
 

 
function startAdd() { 
 

 
    var random = new Array(); 
 
    for (var i = 0; i < 1; i++) { 
 

 
    random.push(Math.floor(Math.random() * 13)); 
 
    // console.log(random[i]); 
 
    } 
 

 
    var allRadioButtons = document.getElementsByName("dif"); 
 
    var secondNumber; 
 

 
    for (var i in allRadioButtons) { 
 
    if (allRadioButtons[i].checked) { 
 
     secondNumber = +allRadioButtons[i].value; 
 
     break; 
 
    } 
 
    } 
 

 
    for (var a = 0; a < 1; a++) { 
 

 
    document.getElementById('probFirst').innerHTML = random[a]; 
 
    document.getElementById('probSecond').innerHTML = secondNumber; 
 

 

 
    /* 
 
       compareUser(); 
 
       function compareUser(){ 
 

 
       if (prob !=) 
 
       } */ 
 

 

 
    } 
 
} 
 

 
function myFunction() { 
 
    var x = document.getElementById("userNumb").value; 
 
    document.getElementById("Answer").innerHTML = x; 
 
}

<title>RicoMath - Addition</title> 
 

 
<body> 
 
    <h1>RicoMath</h1> 
 
    <h1 class="add">Addition</h1> 
 
    <h2>Difficulty</h2> 
 
    <div id="options"> 
 
    <div> 
 
     <input id="num1" type="radio" name="dif" value="1"> 
 
     <label for="num1">1</label> 
 
    </div> 
 
    <div> 
 
     <input id="num2" type="radio" name="dif" value="2"> 
 
     <label for="num2">2</label> 
 
    </div> 
 
    <div> 
 
     <input id="num3" type="radio" name="dif" value="3" checked> 
 
     <label for="num3">3</label> 
 
    </div> 
 
    <div> 
 
     <input id="num4" type="radio" name="dif" value="4"> 
 
     <label for="num4">4</label> 
 
    </div> 
 
    <div> 
 
     <input id="num5" type="radio" name="dif" value="5"> 
 
     <label for="num5">5</label> 
 
    </div> 
 
    <button onclick="startAdd()">Begin!!!!</button> 
 
    <h4 id='probFirst'></h4> 
 
    <h4 id='probSecond'></h4> 
 
    </div> 
 
    <input type="number" id="userNumb" value=""> 
 
    <button onclick='myFunction()'>Enter UserNumb</button> 
 
    <p id="Answer"></p> 
 
</body>

来源

2017-07-20 John Salazar

你想将结果转移到新的html页面或同一页面吗？另外你在文中说，你会首先要求用户从4种类型的动作中进行选择，但是片段要求从5个数字中进行选择？ –

@toing_toing我希望将结果转移到其他页面。我已经为操作创建了按钮。在开始下一步工作之前，我正在专注于创建一个工作操作。为了测试目的，我最多创建了5个数字。感谢您的快速响应！ –

1）将数据传输到你的下一个“页”，为您轻松选择是对在同一个HTML文件中单独的页面单独的div。然后，当你需要去“下一页”时，只需显示你需要显示的div并隐藏其他页面。

下面是与工作例的HTML +纯JavaScript代码：

<body> 
<div id="page1" style="border-width:2px;border-style:solid"> 
your first page 
<button onclick="showPage2()">Go to Page 2</button> 
</div> 
<div id="page2" style="border-width:2px;border-style:solid"> 
2nd page 
</div> 
<div id="page3"> 
3rd page 
</div> 
<script> 
showPage1(); 
function hide(id){ 
     document.getElementById(id).hidden = true; 
    } 
    function show(id){ 
     document.getElementById(id).hidden = false; 
    } 

    function showPage1(){ 
    show("page1"); 
    hide("page2"); 
    hide("page3"); 
    } 

    function showPage2(){ 
    show("page2"); 
    hide("page1"); 
    hide("page3"); 
    } 
</script> 
</body>

这里有一个working fiddle.

从输入转发你的价值，只是用document.getElementById()，因为你是在同html文件。

2）要想从单选按钮列表中选定的值，只需使用（根据您的代码）：

var rates = document.getElementById('options').value;

您可以用同样的方法来获得从输入框中的值。请确保您添加了一个空输入检查，并检查是否在获取该值之前选择了单选按钮。

我没有看到任何需要循环，因为你已经完成。

3）肯定学习和使用jquery。它会让你的努力少得多。

希望这有助于和快乐的编码！

来源

2017-07-20 04:55:25

创建一个简单的数学游戏

回答

相关问题