如何在HTML中输出带有onclick参数的函数值？

Question

我有一个输出随机数的函数，我想在单击按钮时输出按钮下方的值。

<!DOCTYPE html>
<html>
<body>

<form>
  <input type="button" value="Click me" onclick="genRand()">
</form>

<script type="text/javascript">
function genRand(min, max, decimalPlaces) {  
  var rand = Math.random()*(max-min) + min;
  var power = Math.pow(10, decimalPlaces);
  return Math.floor(rand*power) / power;
}
</script>

</body>
</html>

如果我希望在单击按钮时保留页面的其余部分，我相信我需要使用 innerhtml，但是我没有找到如何将其合并到代码中的运气。

我是 html 和 javascript 的新手，所以非常感谢任何帮助。

Answer 1

像这样的东西：

 function genRand(min, max, decimalPlaces) { var rand = Math.random()*(max-min) + min; var power = Math.pow(10, decimalPlaces); var result = Math.floor(rand*power) / power; document.getElementById("result").innerHTML = result; }

 <input type="button" value="Click me" onclick="genRand(0,10,2)"> <div id="result"></div>

Answer 2

调用函数时需要传递值。

<input type="button" value="Click me" onclick="genRand('Minimum Value', 'Maximum Value','Decimal Places')">

例如：

<input type="button" value="Click me" onclick="genRand(1,10,2)">

如何在HTML中输出带有onclick参数的函数值？

问题描述

2 个解决方案

解决方案1
3 已采纳 2019-12-24 18:07:30

解决方案2
0 2019-12-24 18:09:45

如何在HTML中输出带有onclick参数的函数值？

问题描述

2 个解决方案

解决方案1 3 已采纳 2019-12-24 18:07:30

解决方案2 0 2019-12-24 18:09:45

解决方案1
3 已采纳 2019-12-24 18:07:30

解决方案2
0 2019-12-24 18:09:45