接下来我将为大家详细讲解“JavaScript实现表格表单的随机选择和简单的随机点名”的攻略。
一、JavaScript实现表格表单的随机选择
- 首先,在HTML文件中创建表格及表格中的选项,并为选项设置相同的class。
```html
选项一 | |
选项二 | |
选项三 | |
选项四 |
```
- 在JavaScript中获取所有选项并存储。
javascript
let options = document.querySelectorAll('.option');
- 随机选择一个选项并将其选中。
javascript
let randomIndex = Math.floor(Math.random() * options.length);
options[randomIndex].checked = true;
- 完整代码如下:
```html
选项一 | |
选项二 | |
选项三 | |
选项四 |
```
二、JavaScript实现简单的随机点名
- 在HTML文件中创建输入框和按钮,并为输入框和按钮设置相应的id。
html
<input type="text" id="names" placeholder="请输入学生姓名">
<button onclick="randomPick()">随机点名</button>
- 在JavaScript中获取输入框中的姓名,并将其存储在数组中。
javascript
let names = document.querySelector('#names').value.split('\n');
- 随机选择一个姓名并将其输出。
javascript
let randomIndex = Math.floor(Math.random() * names.length);
alert(names[randomIndex]);
- 完整代码如下:
```html
```
以上就是“JavaScript实现表格表单的随机选择和简单的随机点名”的完整攻略了,希望对大家有所帮助。
本站文章如无特殊说明,均为本站原创,如若转载,请注明出处:JavaScript实现表格表单的随机选择和简单的随机点名 - Python技术站