我是 JS 新手，我正在嘗試創建一個簡單的石頭剪刀布應用程式。我有一個生成按鈕，可以在用戶和計算機板上生成巖石紙和剪刀之間的隨機選項，但是，每當我單擊它時，它只會生成一次，如果我再次單擊它以再次在巖石紙和剪刀之間隨機化它不起作用。這是我的 JavaScript 代碼：
let options = ['??', '?', '?'];
let generatedOptions = options[Math.floor(Math.random()*options.length)]
let generatedOptions1 = options[Math.floor(Math.random()*options.length)]
let userBoard = document.getElementById('userBoard');
let computerBoard =document.getElementById('computerBoard');
let app = function () {
userBoard.innerHTML = generatedOptions
computerBoard.innerHTML = generatedOptions1
}
我的 HTML 代碼：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Rock Paper Scissors</title>
</head>
<style>
.banner {
border: 1px solid black;
width: 50%;
padding: 10%;
font-size: 5vw;
text-align: center;
}
</style>
<body>
<div style="display: flex; justify-content: space-between; column-gap: 5%; height: 100%">
<div class="banner" id="userBoard"></div>
<div class="banner" id="computerBoard"></div>
</div>
<div style="display: flex; justify-content: space-around; column-gap: 5%; height: 100%; margin-
top: 2%">
<button onclick="app()">Generate</button>
<p>Computer Generated</p>
</div>
<script type="text/javascript" src="app.js" charset="utf-8"></script>
</body>
</html>
uj5u.com熱心網友回復：
每次單擊按鈕時它都會起作用，問題出在其他地方，在這種情況下，始終使用兩個變數（generatedOptions和）的相同值。generatedOptions1因此，要修復它，只需將您的 JavaScript 更改為：
let options = ['??', '?', '?'];
let userBoard = document.getElementById('userBoard');
let computerBoard = document.getElementById('computerBoard');
let app = function () {
let generatedOptions = options[Math.floor(Math.random() * options.length)]
let generatedOptions1 = options[Math.floor(Math.random() * options.length)]
userBoard.innerHTML = generatedOptions
computerBoard.innerHTML = generatedOptions1
}
現在以下變數的值：generatedOptions并且generatedOptions1每次觸發點擊事件時都會改變。
轉載請註明出處，本文鏈接：https://www.uj5u.com/net/523706.html
標籤：javascript功能
上一篇：在用戶請求的位置查找整數中的數字