diff --git a/JavaScript/Advance/BOM/4.history/images/js-logo.png b/JavaScript/Advance/BOM/4.history/images/js-logo.png
new file mode 100644
index 0000000..4637ac9
Binary files /dev/null and b/JavaScript/Advance/BOM/4.history/images/js-logo.png differ
diff --git a/JavaScript/Advance/BOM/4.history/index.html b/JavaScript/Advance/BOM/4.history/index.html
new file mode 100644
index 0000000..62a3c09
--- /dev/null
+++ b/JavaScript/Advance/BOM/4.history/index.html
@@ -0,0 +1,22 @@
+
+
+
+
+
+
+
+ history-BOM
+
+
+
+
+
+ History in BOM
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/JavaScript/Advance/BOM/4.history/script.js b/JavaScript/Advance/BOM/4.history/script.js
new file mode 100644
index 0000000..3b9d42e
--- /dev/null
+++ b/JavaScript/Advance/BOM/4.history/script.js
@@ -0,0 +1,11 @@
+let textOne = document.getElementById('textOne');
+
+function Display() {
+ return (textOne.innerHTML =
+ `
+ Windows History: ${window.history}
+ History Back: ${history.back()}
+ History Forward: ${history.forward()}
+ Windows History: ${window.history}
+ `)
+}
\ No newline at end of file
diff --git a/JavaScript/Advance/BOM/4.history/style.css b/JavaScript/Advance/BOM/4.history/style.css
new file mode 100644
index 0000000..ea60312
--- /dev/null
+++ b/JavaScript/Advance/BOM/4.history/style.css
@@ -0,0 +1,18 @@
+p {
+ font-size: 25px;
+ font-family: cursive;
+}
+
+button {
+ background-color: transparent;
+ border: 2px solid rgb(30, 30, 126);
+ padding: 10px 20px;
+ font-size: 20px;
+ border-radius: 5px;
+}
+
+button:hover {
+ background-color: rgb(30, 30, 126);
+ color: white;
+ cursor: pointer;
+}
\ No newline at end of file