前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >猜数字html

猜数字html

原创
作者头像
腾龙
发布2023-03-22 13:21:04
1.7K0
发布2023-03-22 13:21:04
举报
文章被收录于专栏:边城码农

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

原创声明:本文系作者授权腾讯云开发者社区发表,未经许可,不得转载。

如有侵权,请联系 cloudcommunity@tencent.com 删除。

原创声明:本文系作者授权腾讯云开发者社区发表,未经许可,不得转载。

如有侵权,请联系 cloudcommunity@tencent.com 删除。

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档