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

基于JavaScript和HTML的示例代码

发布:2023-04-12 来源:原创 浏览:55 次 评论:0
核心提示:该代码实现了一个简单的选择弹窗提示功能,用户可以在弹出的对话框中选择自己喜欢的颜色,或者取消选择。如果用户做了选择,则会弹出一条提示消息,否则也会有提示消息提醒用户没有选择。


<!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
  • 文章来源:原创
  • 版权声明:除非特别标注,否则均为本站原创文章,转载时请以链接形式注明文章出处。
标签: 选项 弹窗提示
  • 我的领地
  • 文章86
  • 人气1
  • 收藏0
  • 粉丝 0