如何在JavaScript中通过innerText将新的随机数输出到HTML文档?

问题描述

我正在用HTML和JavaScript在学校里做一个简单的数学游戏,这只是其中的一小部分。基本上,我有一个要按下的按钮,每次按下该按钮时,我希望它向HTML文档中div的innerText输出一个新数字。

现在我得到了随机数,但是我必须刷新页面以获得一个新的数字,因为如果再次按下该页面,它将继续输出相同的数字。

const mathQuestion = document.getElementById('math-question')
const newNumbers = document.getElementById('new-btn')

newNumbers.addEventListener('click',setQuestion)

function setQuestion () {

    mathQuestion.innerText = calc.toString();
    console.log(calc);
}

var calc = Math.floor(Math.random() * 100) + 1;

是的,它非常简单,而且可能不是最简单甚至正确的方法,但我对此感到茫然。

我怀疑我在设置了innerText后需要运行另一个函数来重置文本或其他内容,但是我真的不知道从哪里开始。

解决方法

暂无找到可以解决该程序问题的有效方法,小编努力寻找整理中!

如果你已经找到好的解决方法,欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@)