首页 > 教程 > 网页特效源码 > JS特效

    收藏

    基于JavaScript和HTML的示例代码
    2023-04-12JS特效10℃
    广告
    核心提示:该代码实现了一个简单的选择弹窗提示功能,用户可以在弹出的对话框中选择自己喜欢的颜色,或者取消选择。如果用户做了选择,则会弹出一条提示消息,否则也会有提示消息提醒用户没有选择。


    <!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>选择弹窗提示示例</title>
    </head>
    <body>
        <h1>请选择您喜欢的颜色:</h1>
        <buttonshowOption()">点击选择</button>
    
        <script>
            function showOption() {
                var colors = ["红色", "绿色", "蓝色"]; // 设置可选项
                var selectedColor = prompt("请选择您喜欢的颜色:\n\n" + colors.join("\n")); // 弹出选择框
    
                if (selectedColor !== null && selectedColor.trim() !== "") { // 判断是否有选择
                    alert("您选择了:" + selectedColor);
                } else {
                    alert("您没有选择任何颜色。");
                }
            }
        </script>
    </body>
    </html>


    该代码实现了一个简单的选择弹窗提示功能,用户可以在弹出的对话框中选择自己喜欢的颜色,或者取消选择。如果用户做了选择,则会弹出一条提示消息,否则也会有提示消息提醒用户没有选择。

 
  • 文本链接:https://mbtxw.com/Course/show.php?itemid=145
  • 文章来源:原创
  • 版权声明:除非特别标注,否则均为本站原创文章,转载时请以链接形式注明文章出处。
标签: 选项 弹窗提示
0相关评论