-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
111 lines (61 loc) · 1.65 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>UwU</title>
<style>
#si{background-color: aqua; left: 35% ;transition:2s; z-index:100; animation:ana 1s infinite alternate; animation-delay:3s;}
#no{background-color: red; left: 55% ;transition:0.3s;}
#si:hover{width: 12.5em;height: 7.3em; font-size:2em;}
button{width: 12em;height: 7em; position: fixed; top:20%; }
@keyframes ana {
from {width: 12em;height: 7em; top:20%;}
to {font-size:2em;}
}
@media only screen and (max-width: 425px) {
body {
background-color: lightblue;
}
@keyframes ana {
from {font-size:0.9em;}
to {font-size:1em;}
}
button{width: 10em;height: 5em; }
#si{
background-color: aqua; left: 35% ;}
#no{
background-color: red; left: 35%; top: 50% ;}
}
</style>
</head>
<body align="center">
<button id="si" onclick="uwu()"> <h1> YES </h1></button>
<button id="no" onmouseover="diquesi()"> <h1> no </h1></button>
<script>
var si = document.getElementById('si');
var no = document.getElementById('no');
var z = 0;
var k = 0;
function diquesi() {
if(z<50){
var x = Math.random()*90;
var y = Math.random()*90;
no.style.left= x+'%';
no.style.top= y+'%';
z++;
}else{
// no.innerHTML=si;
no.innerHTML="<h1 onclick='uwu();'>YES</h1>";
no.style.backgroundColor="aqua";
no.setAttribute("onclick", "uwu()")
//no.addEventListener("click", uwu);
}
}
function uwu() {
document.body.innerHTML="<h1 >I known you would say YES 😎</h1>";
}
</script>
</body>
</html>