以下是生成的代码。
htmlCopy Code<!DOCTYPE html><html lang="zh-CN"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>0adc年龄确认</title> <style> body { font-family: Arial, sans-serif; text-align: center; margin-top: 100px; } .container { width: 300px; margin: 0 auto; } input[type="text"] { width: 100%; padding: 10px; margin-bottom: 10px; } button { width: 100%; padding: 10px; background-color: #007BFF; color: white; border: none; cursor: pointer; } </style></head><body> <div class="container"> <h1>0adc年龄确认</h1> <input type="text" id="ageInput" placeholder="请输入您的年龄"> <button onclick="checkAge()">确认</button> <p id="result"></p> </div> <script> function checkAge() { const age = parseInt(document.getElementById('ageInput').value); const resultElement = document.getElementById('result'); if (isNaN(age)) { resultElement.textContent = '请输入有效的数字'; resultElement.style.color = 'red'; } else if (age < 18) { resultElement.textContent = '您未满18岁，无法进入'; resultElement.style.color = 'red'; } else { resultElement.textContent = '欢迎进入公司'; resultElement.style.color = 'green'; } } </script></body></html>
网页设计_0adc年龄确认 已完成 查看 实现了基本的年龄确认功能，用户输入年龄后点击确认按钮进行验证使用HTML5表单元素和CSS样式美化界面，响应式设计适配不同设备JavaScript逻辑判断年龄是否合法，通过DOM操作实时更新提示信息包含错误处理机制，提示用户输入无效数字或未满18岁的情况采用内联样式和内嵌脚本实现轻量级页面，无需外部资源加载 