我正在尝试在单击按钮时调用该函数。功能本身工作正常(我可以记录它),但我无法在单击按钮时在浏览器中显示它。我是第一次这样做,对于有经验的 JS 程序员来说,这个问题应该很明显。
谢谢!
<!DOCTYPE html>
<html lang="en">
<link rel="stylesheet" href="style.css">
<head>
<meta charset="UTF-8">
<title>X</title>
</head>
<body>
<div id="pickButton">
<input class="button" type="button" value="CLICK HERE TO PICK NOW!" onclick="giveNumbers()">
</div>
<div class="mainNumberSpanAndTitle">
<label>MAIN NUMBERS: </label>
<span id="mainNumberSpan"></span>
</div>
<script>
function giveNumbers() {
var digits = []
for (var i = 0; i < 6; i++) {
var digit = getRandomNumber1to50()
digits.push(digit)
}
digits.push(getRanomNumber1to7())
digits.push(getRanomNumber1to7())
return digits
}
function getRandomNumber1to50() {
var num;
num = Math.random()*50+1;
num = Math.floor(num);
return num
}
function getRanomNumber1to7() {
var num;
num = Math.random()*7+1;
num = Math.floor(num);
return num
}
var mainNumberSpan = document.getElementById('mainNumberSpan');
mainNumberSpan.innerHTML = digits;
}
</script>
</body>
</html>
最佳答案
试试这个
您在 giveNumbers
函数之外使用了 innerHTML
,因此您可以在 giveNumbers
函数中更改 span
的设置值,并且不需要 return
从这个函数
function giveNumbers() {
var digits = [];
for (var i = 0; i < 6; i++) {
var digit = getRandomNumber1to50();
digits.push(digit);
}
digits.push(getRanomNumber1to7());
digits.push(getRanomNumber1to7());
var mainNumberSpan = document.getElementById('mainNumberSpan');
mainNumberSpan.innerHTML = digits;
}
function getRandomNumber1to50() {
var num;
num = Math.random() * 50 + 1;
num = Math.floor(num);
return num
}
function getRanomNumber1to7() {
var num;
num = Math.random() * 7 + 1;
num = Math.floor(num);
return num
}
<div id="pickButton">
<input class="button" type="button" value="CLICK HERE TO PICK NOW!" onclick="giveNumbers()">
</div>
<div class="mainNumberSpanAndTitle">
<label>MAIN NUMBERS: </label>
<span id="mainNumberSpan"></span>
</div>
关于JavaScript - Onclick 函数,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/45277219/