<body>
<label for="user">请输入你的决定:
<input type="text" id="user" placeholder="石头、剪刀、布">
</label>
<br>
<button id="btnn" onclick="btnn()" style="display: block;margin: 10px 50px;">查看结果</button>
<p>电脑出的:<span id="com"></span></p>
<!-- <p>结果:<span id="result"></span></p> -->
<label for="re1">结果:
<input type="text" id="re1">
</label>
<script>
btnn.onclick = function btnn() {
var user = document.getElementById("user")
var com = document.getElementById("com")
var result = document.getElementById("result")
var jg
var btn = Math.floor((Math.random() * 3))
switch (btn) {
case 0:
btn = '石头'
break
case 1:
btn = '剪刀'
break
case 2:
btn = '布'
break
}
if(user.value =='剪刀' && btn == '布' || user.value =='石头' && btn == '剪刀' || user.value =='布' && btn == '石头'){
jg = '玩家胜'
}else if (btn == user.value ){
jg = '平局'
}else{
jg = '电脑胜'
}
user.innerHTML = user.value
com.innerHTML = btn
re1.value = jg
}
</script>
</body>