首页 前端知识 用html制作答题器

用html制作答题器

2024-09-01 23:09:38 前端知识 前端哥 871 633 我要收藏

制作答题器很简单,只要会html、css和javascript就行,代码:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Question</title>
</head>
<body>
    <style>
    /*美化字体*/
        p {
            color:blue;
        }
    </style>
    <!--问题-->
    <p>2^3=?</p>
    <!--添加选项-->
    <button onclick="no()">A.6</button><br>
    <button onclick="no()">B.9</button><br>
    <button onclick="yes()">C.8</button><br>
    <button onclick="no()">D.5</button><br>
    <script>
        //事件
        function no() {
            window.alert("Answer wrong!");
        }
        function yes() {
            window.alert("Answer correct!")
        }
    </script>
</body>
</html>

快来用这个考考你的朋友吧!

转载请注明出处或者链接地址:https://www.qianduange.cn//article/17407.html
标签
评论
发布的文章

Spring MVC-JSON

2024-06-02 09:06:53

大家推荐的文章
会员中心 联系我 留言建议 回顶部
复制成功!