猜数字html(猜数字游戏)
数字游戏: html !DOCTYPE html> html> head> title> 猜数字游戏/title> style> body { font-family: Arial, sans-serif; } .guess { font-size: 36px; color: red; padding: 16px; background-color: white; border: 1px solid black; border-radius: 4px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); } .guess:hover { opacity: 0.8; } .correct { font-weight: bold; } .incorrect { font-weight: bold; color: red; } /style> /head> body> h1> 猜数字游戏/h1> label for="guess"> 请猜一个数字:/label> input type="text" id="guess" name="guess" placeholder="输入一个数字" required> button onclick="guess()"> 猜一下/button> p id="correct"> /p> p id="incorrect"> /p> script> var guess = document.getElementById("guess"); var correct = document.getElementById("correct"); var incorrect = document.getElementById("incorrect"); guess.addEventListener("input", function() { correct.innerHTML = "你猜对了!"; incorrect.innerHTML = "再试一次!"; } ); guess.
声明:本文内容由网友自发贡献,本站不承担相应法律责任。对本内容有异议或投诉,请联系2913721942#qq.com核实处理,我们将尽快回复您,谢谢合作!
若转载请注明出处: 猜数字html(猜数字游戏)
本文地址: https://pptw.com/jishu/189.html