Question

我是JavaScript的新手，我正在尝试制作简单的数学游戏。

我在一个名为correctAnswer的变量中对我随机生成的数学问题持正确答案。我希望这个变量的值显示在一个按钮中 - 这样当用户点击它时，他们会看到“做得好！”消息。

这是我到目前为止所做的 - 只是创建随机问题的代码：

var firstNumber;
var secondNumber;
var correctAnswer;
var userAnswer;

function additionQuestion() {
firstNumber = Math.floor(Math.random() * 10) + 11
secondNumber = Math.floor(1 + Math.random() * 9);
document.getElementById("additionQuestion").innerHTML = + firstNumber + " + " + secondNumber + " = ";
correctAnswer = (firstNumber + secondNumber);
}

有人能帮我这个吗？

提前致谢。

Answer 1

您可以通过访问其value属性来显示按钮中的值。

例如，你有一个像这样的按钮

<input type="button" id="correct" />

你可以像这样显示价值：

document.getElementById("correct").value = correctAnswer;

Answer 2

使用以下代码行更改按钮显示文字：

document.getElementById("yourButtonID").innerHTML= correctAnswer;

查看此信息以获取更多信息：http://www.w3schools.com/jsref/prop_html_innerhtml.asp

Answer 3

使用jquery;

var yourVariable = 48;

$(document).ready(function(){

    $('.your-button').data('answer', 48);

    $('body').on('click', '.your-button', function(e){
        if($(this).data('answer') === yourVariable){
            alert('good answer');
        }else{
            alert('try again');
        }
    });

});

在按钮中显示变量？

3 个答案: