m0_68160281 2023-02-26 11:39 采纳率: 76.9%
浏览 70
已结题

在HBuilder输入数字返回星期

使用input标签输入数字，使用input或p、或h1等容器标签输出，根据输入的数字（1-7）返回星期。

  • 写回答

4条回答 默认 最新

  • 社区专家-Monster-XH 2023-02-26 12:00
    关注

    HTML、CSS和JavaScript实现在HBuilder输入数字返回星期的代码

    
<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>输入数字返回星期</title>
    <style>
        body {
            font-family: Arial, sans-serif;
            text-align: center;
        }
        input {
            padding: 10px;
            font-size: 16px;
            border-radius: 5px;
            border: 1px solid #ccc;
            margin-bottom: 20px;
        }
        button {
            background-color: #4CAF50;
            color: #fff;
            padding: 10px;
            border-radius: 5px;
            border: none;
            cursor: pointer;
        }
        #result {
            font-size: 24px;
            font-weight: bold;
            margin-top: 20px;
        }
    </style>
</head>
<body>
<h1>输入数字返回星期</h1>
<label for="num">请输入数字(1-7)：</label>
<input type="number" id="num" min="1" max="7">
<br>
<button onclick="getWeekday()">获取星期</button>
<div id="result"></div>

<script>
    function getWeekday() {
        const num = document.getElementById("num").value;
        const weekdays = ["星期一", "星期二", "星期三", "星期四", "星期五", "星期六", "星期日"];
        if (num >= 1 && num <= 7) {
            document.getElementById("result").innerHTML = weekdays[num - 1];
        } else {
            alert("请输入1-7之间的数字！");
        }
    }
</script>
</body>
</html>
    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论 编辑记录
查看更多回答(3条)

报告相同问题？

问题事件

  • 已结题 （查看结题原因） 2月26日
  • 已采纳回答 2月26日
  • 创建了问题 2月26日

悬赏问题

  • ¥20 @microsoft/fetch-event-source 流式响应问题
  • ¥15 ogg dd trandata 报错
  • ¥15 高缺失率数据如何选择填充方式
  • ¥50 potsgresql15备份问题
  • ¥15 Mac系统vs code使用phpstudy如何配置debug来调试php
  • ¥15 目前主流的音乐软件，像网易云音乐，QQ音乐他们的前端和后台部分是用的什么技术实现的?求解！
  • ¥60 pb数据库修改与连接
  • ¥15 spss统计中二分类变量和有序变量的相关性分析可以用kendall相关分析吗？
  • ¥15 拟通过pc下指令到安卓系统，如果追求响应速度，尽可能无延迟，是不是用安卓模拟器会优于实体的安卓手机？如果是，可以快多少毫秒？
  • ¥20 神经网络Sequential name=sequential, built=False