首页前端开发HTML猜数字html(猜数字游戏)

猜数字html(猜数字游戏)

时间2023-03-24 17:26:58发布访客分类HTML浏览959
导读:数字游戏: html <!DOCTYPE html> <html> <head> <title>猜数字游戏</title> <style> body...

数字游戏: 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游戏documentgetelementbyidvar

若转载请注明出处: 猜数字html(猜数字游戏)
本文地址: https://pptw.com/jishu/189.html
一次比较耗时的线上问题排查(线上问题排查与解决) 魔头人html(魔头人士长相描写)

游客 回复需填写必要信息