簡單的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(' ');
}
document.write('<br/>');
}
document.write(' 希望我們長長久久!');
}
</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(' ');
}
document.write('<br/>');
}
document.write(' 希望我們長長久久!<br/> 盧澤龍');
}
</script>
</body>
</html>
未經博主許可！不許轉載！！！