JS表白代码

简单的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>

未经博主许可!不许转载!!!

发布了7 篇原创文章 · 获赞 13 · 访问量 387

猜你喜欢

转载自blog.csdn.net/MoastAll/article/details/104308096