html
html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
<!-- Created by Jamescabc -->
<!DOCTYPE html>
<html>
<head>
<title>Perry Web</title>
</head>
<body>
<div id="all"><audio
id="p1"controls autoplay
id="song">
<source src="https://
dl.dropbox.com/s/
e67ukimrezuhjti/
cupid%20-%20fifty%20fifty%20E
nglish%20ver.
%20%20twin%20version%20%5B%20
Sped%20up%20%5D.mp3?dl=0"
type="audio/mp3"></source>
</audio>
<div id="p2" align="center">
<h1 id="Title"
class="title">
Perry Web
</h1>
<button align="center"
class="enter"id="Register">
Enter to Rename, Shift+Enter to Preview
css
css
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
/* Created by Jamescabc */
body {
background-color: beige;
display:grid;
place-items:center;
font-family:san-serif;
}
button{
display:block;
border-style:none;
border:1px solid;
padding:5px 10px;
margin:5px auto;
}
form{
text-align:center;
display:flex;
flex-direction:column;
padding:50px;
}
input{
display:block;
}
.title{
text-align:center;
color: grey;
}
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
21
22
23
24
25
26
27
28
// Created by Jamescabc
// I intentionally capitalized the ids
window.onload = ()=>{
Form.style.display = "none";
Real_Website.style.display = "none";
About_Page.style.display = "none";
The_Perry.style.display = "none";
Frt1.style.display = "none";
Roblox.style.display = "none";
p1.style.display = "block";
p2.style.display = "block";
music.style.display = "none";
Register.onclick = ()=>{
Title.style.display = "none";
Register.style.display = "none";
Form.style.display = "block";
}
Submit.onclick = (e)=>{
e.preventDefault();
Form.style.display = "none";
Enter to Rename, Shift+Enter to Preview
BROWSER
Console
Run