(一)、实现输入输出:创建一个表单和2个单行文本框,在单行文本框输入两个整数(一个文本框name属性值为:自己的姓名拼名首字母,另一下文本框name属性值为:自己的学号),采用GET提交表单内容,对提交的内容进行判断是否为数字的,如果不是则提示,并提示“你输入的不是数字,请重新输入”,当输入数字之后,计算两个相乘,输出相乘之后的值。
时间: 2024-02-25 19:56:28 浏览: 75
好的,以下是实现输入输出的HTML代码和JavaScript代码:
```html
<form>
<label for="name">姓名拼音首字母:</label>
<input type="text" id="name" name="name"><br><br>
<label for="id">学号:</label>
<input type="text" id="id" name="id"><br><br>
<input type="submit" value="提交" onclick="multiply()"><br><br>
</form>
```
```javascript
function multiply() {
var name = document.getElementById("name").value;
var id = document.getElementById("id").value;
if (isNaN(name) || isNaN(id)) {
alert("你输入的不是数字,请重新输入");
} else {
var result = name * id;
alert("相乘之后的值为:" + result);
}
}
```
解释一下代码的逻辑:
1. HTML代码中创建了一个表单,里面包含两个单行文本框和一个提交按钮。
2. 在JavaScript代码中,我们定义了一个multiply()函数,用来处理表单的提交事件。
3. 在函数中,我们通过getElementById()方法获取了两个单行文本框中的内容,并将它们存储在name和id变量中。
4. 然后我们用isNaN()函数判断name和id是否为数字,如果不是则弹出提示框。
5. 如果都是数字,则将name和id相乘,并将结果存储在result变量中。
6. 最后,我们通过alert()函数输出计算结果。
阅读全文
相关推荐
![-](https://img-home.csdnimg.cn/images/20241231045021.png)
![-](https://img-home.csdnimg.cn/images/20241231044930.png)
![-](https://img-home.csdnimg.cn/images/20241231044955.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![pdf](https://img-home.csdnimg.cn/images/20241231044930.png)
![doc](https://img-home.csdnimg.cn/images/20241231044833.png)
![-](https://img-home.csdnimg.cn/images/20241231044833.png)
![-](https://img-home.csdnimg.cn/images/20241231044833.png)
![-](https://img-home.csdnimg.cn/images/20241231044930.png)
![-](https://img-home.csdnimg.cn/images/20241226111658.png)
![-](https://img-home.csdnimg.cn/images/20241226111658.png)
![-](https://img-home.csdnimg.cn/images/20241226111658.png)
![-](https://img-home.csdnimg.cn/images/20241226111658.png)