Question

我正在制作一个拼图网站，你选择一个拼图，我想知道是否有一种方式，而不是它在弹出框中，它将被打印到网站上。我不介意我们使用什么代码，因为我最流利，

这是我到目前为止的代码：

<body>

<script type="text/javascript">

function myFunction()
{

        function ask() {
    var a = (Math.round(Math.random()*1000000))
    alert (a)
    return prompt("What was the number?") == eval( a );
}

var questions = [ask(), ask(), ask(), ask(), ask()],
    total = questions.length,
    correct = questions.filter(Boolean).length;

alert( "You got "+correct+"/"+total+" correct");

}

</script>

<button onClick="myFunction()">Remember the number</button>


</body>

<body>

<script type="text/javascript">
function myFunction2(){

        function ask() {
    var a = Math.floor(Math.random() * 10) + 1;
    var b = Math.floor(Math.random() * 10) + 1;
    var op = ["*", "+", "/", "-"][Math.floor(Math.random()*4)];
    return prompt("How much is " + a + " " + op + " " + b + "?") == eval( a + op + b);
}

var questions = [ask(), ask(), ask(), ask(), ask()],
    total = questions.length,
    correct = questions.filter(Boolean).length;

alert( "You got "+correct+"/"+total+" correct");
}
</script>

<button onClick="myFunction2()">Quick math</button>

</body>

</html>
</html>

所以我想知道是否有办法让它显示为文本，并在页面上有一个文本框输入仍然有效。并且设计可以更改，因此我可以制作更大的文本框或更大的字体，因此它不仅仅是一个不可编辑的onclick。

所有帮助非常感谢。感谢。

Answer 1

我做了我认为你想要的事情＆＃34;记住数字＆＃34;按钮单击。对不起，没时间做另一个。

HTML：

<body>


<button id="rmbrBtn">Remember the number</button>


</body>

<body>


<button id="quivkBtn">Quick math</button>
    <div id="question_area">

    </div>
</body>

</html>
</html>

JS＆amp; jQuery代码：

$("#rmbrBtn").click(function()
{
    // Answers collection
    var questions = [];

    // Check the correctness of the answer
    function checkAnswer (){
            total = questions.length,
            correct = questions.filter(Boolean).length;
        if(total < 5)
        {
            ask();
        }else{
            var answer = '<div>You got '+correct+'/'+total+' correct <input type="button" value="Ok" id="ansOk"/></div>';
            $("#question_area").append(answer);
            $("#ansOk").click(function(){
                $(this).parent().empty();
                $(this).parent().remove();
            });
        }
    }

    // Get the question
    function ask() {
        var a = (Math.round(Math.random()*1000000));
        // View the generated number
        var viewNumber = '<div>'+a+'<input type="button" id="ok" value="OK"/>'+'</div>';

        // Prompt user with a text box
        var promptVal = '<div>Enter your value: <input type="text" id="ans" /> <input   type="button" id="prmtOk" value="Ok"/></div>';

        // Append
        $("#question_area").append(viewNumber);

        $("#ok").click(function(){
            $(this).parent().empty();
            $(this).parent().remove();

            $("#question_area").append(promptVal);  

            $("#prmtOk").click(function(){
               var prmt = $("#ans").val();
               var addVal = prmt == a;
                questions.push(addVal);
                checkAnswer();
                $(this).parent().empty();
                $(this).parent().remove();
            });
        });
    }

    // Run the function.
    checkAnswer();
});

在线解决方案： JSFiddle

尝试做另一个与此相同的事。

抱歉也没时间评论。

我想你可以解决这个问题。

Answer 2

只需在页面顶部添加一个div并使用jqueries .html（）即可完成

像

$('.header').html('You are correct.');

这是一个小提琴http://jsfiddle.net/AMISingh/8nWKD/3/

Answer 3

这也可以在没有JQuery和JavaScript的情况下完成 http://jsfiddle.net/8nWKD/4/

<div id="header" class="header">This is the header</div>
<div class="button" onClick="test_click()"> Click me!</div>

和JavaScript

function test_click()
{
  document.getElementById("header").innerHTML = "CORRECT!";   
}

有没有办法可以打印此代码而不是onclick？

3 个答案: