首页创建1.html，编写程序，实现单选题判断效果

创建1.html，编写程序，实现单选题判断效果

时间: 2024-03-08 22:48:23 浏览: 94

好的，以下是一个简单的实现单选题判断效果的 HTML 代码： ```html <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>单选题判断</title> </head> <body> <h1>请回答以下问题：</h1> <form> <p>1. 下列哪个不是编程语言？</p> <label><input type="radio" name="q1" value="A">A. Java</label><br> <label><input type="radio" name="q1" value="B">B. Python</label><br> <label><input type="radio" name="q1" value="C">C. HTML</label><br> <label><input type="radio" name="q1" value="D">D. C++</label><br> <br><br> <p>2. 下列哪个不是操作系统？</p> <label><input type="radio" name="q2" value="A">A. Windows</label><br> <label><input type="radio" name="q2" value="B">B. Linux</label><br> <label><input type="radio" name="q2" value="C">C. Android</label><br> <label><input type="radio" name="q2" value="D">D. Photoshop</label><br> <br><br> <input type="button" value="提交" onclick="checkAnswers()"> </form> <script> function checkAnswers() { var q1 = document.querySelector('input[name="q1"]:checked').value; var q2 = document.querySelector('input[name="q2"]:checked').value; var correct = 0; if (q1 == "C") { correct++; } if (q2 == "D") { correct++; } alert("您一共答对了 " + correct + " 道题。"); } </script> </body> </html> ``` 这个 HTML 页面包含两道单选题，每道题有四个选项，其中只有一个是正确的。用户选择完答案后，点击“提交”按钮，会调用 `checkAnswers()` 函数来判断用户的答案，并弹出一个对话框显示用户答对的题目数量。注意，这只是一个简单的示例，实际的单选题判断程序需要更加复杂的逻辑来判断用户的答案，并且需要考虑用户操作错误的情况。

阅读全文