<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>判断星期几</title> </head> <body> <label for="year">年:</label> <input type="number" id="year"> <label for="month">月:</label> <input type="number" id="month"> <label for="day">日:</label> <input type="number" id="day"> <button onclick="getWeekday()">确定</button> <p id="result"></p> <script> function getWeekday() { const year = document.getElementById("year").value; const month = document.getElementById("month").value; const day = document.getElementById("day").value; const date = new Date(year, month - 1, day); const weekday = ["星期日", "星期一", "星期二", "星期三", "星期四", "星期五", "星期六"][date.getDay()]; document.getElementById("result").innerHTML = `日期为:${year}年${month}月${day}日,${weekday}`; } </script> </body> </html>
时间: 2023-10-23 21:08:40 浏览: 197
这段代码使用了三个`<input>`标签分别让用户输入年、月、日,当用户点击“确定”按钮时,会调用`getWeekday()`函数,该函数会获取用户输入的年、月、日,创建一个Date对象,并使用`getDay()`方法获取星期几,最后将结果显示在页面上。
需要注意的是,在创建Date对象时,JavaScript中的月份是从0开始的,因此我们需要将用户输入的月份减1。另外,在显示日期时,我们使用了模板字符串,可以方便地将变量和文本拼接起来。
阅读全文