JS表白代码

最新推荐文章于 2022-12-26 20:13:27 发布

键盘歌唱家

最新推荐文章于 2022-12-26 20:13:27 发布

阅读量4k

点赞数 7

分类专栏： html5

本文链接：https://blog.csdn.net/MoastAll/article/details/104308096

版权

html5 专栏收录该内容

6 篇文章 0 订阅

订阅专栏

简单的JS弹窗表白代码

思路：只有当用户输入1（表示喜欢你）才有进一步浏览的资格。如果用户输入2（不喜欢你）就会陷入死循环进行撒娇，只有当用户输入1，才可以跳出循环，进入浏览界面。
然后浏览界面有个button按钮，点击它就会弹出爱心！！！
下面是完整的代码：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>luzelong</title>
    <style>
        body {
            background-color: pink;
        }
        *{
            font-size:60px;
            color: red;
        }
        button {
                background-color:bisque;
                border-radius: 6px;
        }
    </style>
    <script>
        alert('这里是爱的世界入口，但你必须通过考验才能继续浏览');
        function pow(){
            
            while(true){
                alert('我很失望....');
                U=prompt('你喜欢我（是就输入1，不是的话：嘿嘿嘿）');
                if(U=='1')break;
            }
        }
        function S(){
            W=prompt('我劝你再好好想想吧,在给你一次机会（同意请输入1，不同意请输入2）');
            switch(W){
            case '1':alert('这就很奈斯了！嘻嘻嘻');break;
            case '2':pow();break;
            default:alert('你的输入有误，请重新输入！！！');
                    S();
        }
        }
        function A(){
        B=prompt('你喜欢我吗？(喜欢请输入1，不喜欢请输入2)');
        switch(B){
            case '1':alert('很高兴被你喜欢，你有资格资格继续浏览');break;
            case '2':S();break;
            default:alert('你的输入有误，请重新输入！！！');
                    A();
        }
        }
        A();
    </script>
    
</head>
<body>
    <p style="color:aqua;   font-family: Arial, Helvetica, sans-serif;">我要表达的内容如下：</p>
    <button type="button" onclick="ass()">点我点我！！！
 <script>
     function ass(){
        for (var y = 1.5; y > -1.5; y -= 0.1) {
        for (var x = -1.5; x < 1.5; x += 0.05) {
            var a = x * x + y * y - 1;
            if(a * a * a - x * x * y * y * y <= 0.0)
            document.write('*');
            else
            document.write('&nbsp;');
        }
        document.write('<br/>');
    }
    document.write('&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;希望我们长长久久!');
     }
 </script>
 
</body>
</html>

优化了一下：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>luzelong</title>
    <style>
        body {
            background-color: pink;
        }
        *{
            font-size:60px;
            color: red;
        }
        button {
                background-color:bisque;
                border-radius: 6px;
        }
    </style>
    <script>
        alert('有一句话憋在心里很久了--我喜欢你~');
        function pow(){
            alert('希望你能遇到一个你爱的人和爱你的人吧，对你只有祝福了~');
            while(true){
                alert('关掉这个页面吧,里面隐藏的内容只有你也喜欢我才能看见，抱歉了！');
            }
        }
        function S(){
            W=prompt('真的不愿意给我一个机会吗，我会为了你努力变的更优秀的（同意请输入1，不同意请输入2）');
            switch(W){
            case '1':alert('哇哦！我真的很开心~');break;
            case '2':pow();break;
            default:alert('你的输入有误，请重新输入！！！');
                    S();
        }
        }
        function A(){
        B=prompt('请相信我的一片真心，能给我个机会吗？(给请输入1，不给请输入2)');
        switch(B){
            case '1':alert('哇哦！我真的很开心~');break;
            case '2':S();break;
            default:alert('你的输入有误，请重新输入！！！');
                    A();
        }
        }
        A();

        function qq(){
            alert("关闭该页面前，我想说————永远爱你！");
        }
    </script>
    
</head>
<body onunload="qq()">
    <p style="color:aqua;   font-family: Arial, Helvetica, sans-serif;">你能看到这个页面，说明我还是很幸运的</p>
    <button type="button" onclick="ass()">点我点我！！！
 <script>
     function ass(){
        for (var y = 1.5; y > -1.5; y -= 0.1) {
        for (var x = -1.5; x < 1.5; x += 0.05) {
            var a = x * x + y * y - 1;
            if(a * a * a - x * x * y * y * y <= 0.0)
            document.write('*');
            else
            document.write('&nbsp;');
        }
        document.write('<br/>');
    }
    document.write('&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;希望我们长长久久!<br/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;卢泽龙');
     }
 </script>
 
</body>
</html>