求大神教教孩子怎么做 - javascript吧

level 3

颜良月楼主

大一第二学期转到编程专业，第一学期没学过相关课程，正在开始自学补完前面缺的课程，但老师布置了作业不知道该怎么做，求求大佬们教教 [泪]

感激不尽

2021年03月20日 13点03分 1

level 5

天堂制造🌀

做完了吗？需要帮助吗

2021年03月21日 08点03分 3

颜良月

还没做完，大佬可以帮一下嘛 [狂汗]

2021年03月21日 08点03分

天堂制造🌀

@颜良月 ok

2021年03月21日 08点03分

level 5

天堂制造🌀

<body>
<p>我的爱好</p>
<form id="frm1">
<input type="radio" name="hobby" id="song"><label for="song">唱歌</label>
<input type="radio" name="hobby" id="game"><label for="game">游戏</label>
<input type="radio" name="hobby" id="swim"><label for="swim">游泳</label>
<input type="radio" name="hobby" id="dance"><label for="dance">跳舞</label>
<input type="radio" name="hobby" id="climb"><label for="climb">爬山</label>
</form>
<hr>
<button>查看所选爱好</button>
<script>
let btn = document.querySelector("button");
btn.addEventListener("click", function (event) {
let inputElements = document.querySelectorAll("input");
for (let item of inputElements) {
if (item.checked) {
alert(item.nextElementSibling.textContent);
}
}
})
</script>
</body>

2021年03月21日 08点03分 4

level 5

天堂制造🌀

<body>
<form name="frm1">
<select name="hobby" id="hobby">
<option value="">唱歌</option>
<option value="">跳舞</option>
<option value="">画画</option>
<option value="">爬山</option>
<option value="">打球</option>
</select>
</form>
<hr>
<input type="text" id="input-hobby">
<button id="btn">添加内容</button>
<script>
let select = document.querySelector("#hobby");
let selectOptionLength = select.options.length;
for(let i = 0; i < selectOptionLength; i++) {
select.options[i].value = select.options[i].textContent;
}
let btn = document.querySelector("#btn");
btn.addEventListener("click", function(event) {
let input = document.querySelector("#input-hobby");
if(input.value) {
let option = new Option(input.value, input.value);
select.appendChild(option);
网页链接 = "";
}
})
</script>
</body>

2021年03月21日 08点03分 5

level 5

天堂制造🌀

上面分别是1 2 题的body部分，自己把HTML补充完成

2021年03月21日 08点03分 6

颜良月

好的，谢谢大佬，实在是感谢

2021年03月21日 09点03分

level 5

天堂制造🌀

第三题做一半不想做了 [阴险]