-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathFunHTML
57 lines (56 loc) · 1.01 KB
/
FunHTML
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
<html>
<head>
<title>Hiiiiii</title>
<style>
p {
text-align: center;
font-size: 32px;
font-family: Candara, Oswald;
}
img {
display: block;
margin: 0 auto;
width: 25%;
}
</style>
</head>
<body>
<p>Do you think Tajra is cute?</p>
<img src="https://media1.giphy.com/media/3ndAvMC5LFPNMCzq7m/giphy.gif?cid=ecf05e47i8v47xjn3vgwylo8pprrp31al3pv7ds14cvq6zvx&rid=giphy.gif&ct=g">
</body>
<title>Botões</title>
<style>
#botao1 {
position: fixed;
top: 68%;
left: 65%;
transform: translate(-50%, -50%);
}
#botao2 {
position: absolute;
left: 28%;
top: 66%;
}
</style>
</head>
<body>
<button id="botao1">OFC BISH!</button>
<button id="botao2">FUCK NO</button>
<script>
const button2 = document.getElementById('botao2');
let left = 40;
button2.addEventListener('mouseover', function() {
if(left == 40){
left = 44;
}else{
left = 40;
}
this.style.left = left + '%';
});
</script>
<script>document.getElementById('botao1').addEventListener('click', function() {
alert('SIKEEE! YOU A SIMP NOW :)');
});
</script>
</body>
</html>