石头剪刀布

104 阅读1分钟
<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>