Skip to content

Commit 7ab053d

Browse files
AzharAli-githubAzharAli-github
committed
history
1 parent 7e880fe commit 7ab053d

File tree

4 files changed

+51
-0
lines changed

4 files changed

+51
-0
lines changed

‎JavaScript/Advance/BOM/4.history/images/js-logo.png‎

4.15 KB
Loading

‎JavaScript/Advance/BOM/4.history/index.html‎

Lines changed: 22 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,22 @@
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
4+
<head>
5+
<meta charset="UTF-8">
6+
<meta http-equiv="X-UA-Compatible" content="IE=edge">
7+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
8+
<title>history-BOM</title>
9+
<link rel="shortcut icon" href="images/js-logo.png" type="image/x-icon">
10+
<link rel="stylesheet" href="style.css">
11+
</head>
12+
13+
<body>
14+
<h1>History in BOM</h1>
15+
<button onclick="Display()">Click to Show History</button>
16+
<div id="textOne">
17+
18+
</div>
19+
<script src="script.js"></script>
20+
</body>
21+
22+
</html>

‎JavaScript/Advance/BOM/4.history/script.js‎

Lines changed: 11 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,11 @@
1+
let textOne = document.getElementById('textOne');
2+
3+
function Display() {
4+
return (textOne.innerHTML =
5+
`
6+
<p>Windows History: ${window.history}</p>
7+
<p>History Back: ${history.back()}</p>
8+
<p>History Forward: ${history.forward()}</p>
9+
<p>Windows History: ${window.history}</p>
10+
`)
11+
}

‎JavaScript/Advance/BOM/4.history/style.css‎

Lines changed: 18 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,18 @@
1+
p {
2+
font-size: 25px;
3+
font-family: cursive;
4+
}
5+
6+
button {
7+
background-color: transparent;
8+
border: 2px solid rgb(30, 30, 126);
9+
padding: 10px 20px;
10+
font-size: 20px;
11+
border-radius: 5px;
12+
}
13+
14+
button:hover {
15+
background-color: rgb(30, 30, 126);
16+
color: white;
17+
cursor: pointer;
18+
}

0 commit comments

Comments
 (0)