首页使用html和css，JavaScript编写彩票程序

使用html和css，JavaScript编写彩票程序

时间: 2024-04-08 15:35:09 浏览: 125

下面是一个使用HTML、CSS和JavaScript编写的简单彩票程序示例： ```html <!DOCTYPE html> <html> <head> <title>彩票</title> <style> body { font-family: Arial, sans-serif; text-align: center; } h1 { color: #333; } #result { font-size: 20px; margin-top: 20px; } #generate-btn { padding: 10px 20px; background-color: #f39c12; color: #fff; border: none; cursor: pointer; } #generate-btn:hover { background-color: #e67e22; } </style> </head> <body> <h1>彩票抽奖</h1> <button id="generate-btn">点击抽奖</button> <p id="result"></p> <script> document.getElementById("generate-btn").addEventListener("click", function() { var min = 1; var max = 100; var randomNumber = Math.floor(Math.random() * (max - min + 1)) + min; document.getElementById("result").innerHTML = "中奖号码是：" + randomNumber; }); </script> </body> </html> ``` 这段代码创建了一个包含抽奖按钮和显示中奖号码的简单彩票页面。CSS样式部分定义了页面元素的外观，JavaScript部分添加了按钮的点击事件监听器，当用户点击按钮时，会生成一个随机数，并在页面上显示中奖号码。

阅读全文