html
html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Page Title</title>
</head>
<body>
<center>
<form name="cat">
<input type="checkbox" checked name="enable"id="hg" onchange=scan()>
</form>
<label for="hg"><img id="cat" src="https://vkclub.su/_data/stickers/persik/sticker_vk_persik_018.png">
</img></label>
</center>
<audio id="mur" loop src="https://zvukogram.com/index.php?r=site/download&id=44356"></audio>
<footer>
<script>
var cat = document.getElementById("cat");
</script>
</footer>
</body>
</html>
Enter to Rename, Shift+Enter to Preview
css
css
1
2
3
4
5
6
7
8
9
10
11
12
img{
margin-top:20%;
width:60%;
max-width:640px;
}
body{
background-color: white;
}
input{
display:none;
}
Enter to Rename, Shift+Enter to Preview
js
js
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
//alert("Set max volume\nClick on the cat\nVote this code");
function vibrate () {
navigator.vibrate(20);
}
function scan(){
var enable = document.cat.enable.checked;
var mur = document.getElementById("mur");
if(enable==false){
x = setInterval(vibrate,50)
mur.play(); cat.src="https://vkclub.su/_data/stickers/persik/sticker_vk_persik_004.png";
}
else if(enable==true){
clearInterval(window.x)
mur.pause()
cat.src="https://vkclub.su/_data/stickers/persik/sticker_vk_persik_018.png"
}
}
Enter to Rename, Shift+Enter to Preview
BROWSER
Console
Run