下面是一个简单的D20骰子掷骰程序的JavaScript代码示例:
// 生成1到20之间的随机整数
function rollDice() {
return Math.floor(Math.random() * 20) + 1;
}
// 在页面上显示掷骰结果
function displayResult(result) {
var resultElement = document.getElementById("result");
resultElement.innerHTML = "你掷出了:" + result;
}
// 点击按钮时执行掷骰操作
document.getElementById("rollButton").addEventListener("click", function() {
var result = rollDice();
displayResult(result);
});
在HTML文件中,你需要添加一个按钮和一个用于显示结果的元素:
<button id="rollButton">掷骰</button>
<div id="result"></div>
这样,当用户点击按钮时,程序会生成一个1到20之间的随机数,并显示在页面上。
请确保将以上代码放置在<script>
标签中,并将其放置在<body>
标签的末尾,以确保HTML元素已经加载完毕。