编写VS Code中的html相关代码,采用选择结构,从键盘接受整数参数,如果该数为1~7,打印对应的星期,否则为非法参数
时间: 2024-09-18 17:02:59 浏览: 30
在Visual Studio Code (VS Code) 中编写HTML代码时,通常会结合JavaScript来实现交互功能。如果你想通过HTML表单获取用户输入并判断是否为1到7之间的整数,然后打印相应的星期,可以创建一个简单的HTML表单,并利用JavaScript处理用户的输入。以下是一个示例:
```html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Weekday Checker</title>
</head>
<body>
<h1>Enter a number between 1 and 7:</h1>
<input type="number" id="inputNumber" placeholder="1 to 7">
<button onclick="checkWeekday()">Check</button>
<p id="result"></p>
<script>
function checkWeekday() {
var input = document.getElementById('inputNumber').value;
if (isNaN(input) || input < 1 || input > 7) {
document.getElementById('result').innerText = 'Invalid parameter. Please enter a number between 1 and 7.';
} else {
switch (parseInt(input)) {
case 1: document.getElementById('result').innerText = 'Monday'; break;
case 2: document.getElementById('result').innerText = 'Tuesday'; break;
// ... continue for cases 3 to 7
case 7: document.getElementById('result').innerText = 'Sunday'; break;
default: document.getElementById('result').innerText = 'Weekday not found.';
}
}
}
</script>
</body>
</html>
```
在这个例子中,用户可以在`<input>`元素中输入数字,点击“Check”按钮后,`checkWeekday()`函数会被调用。这个函数首先检查输入是否有效,然后使用`switch`语句将数字映射到相应的星期。
阅读全文