Home >>Javascript Programs >Create a forward and back buttons in JavaScript
Create a forward and back buttons in JavaScript
Create a forward and back buttons in JavaScript
A website with easy navigation helps the visitors to feel comfortable. Navigation is an important part of a website. Navigation not only includes the menu links, it also include forward and backward navigation while browsing the websites. In this article, we will learn how to create a forward and backward buttons using the JavaScript. It is very useful when someone viewing your website and can easily navigate in webpages by using these buttons.
Let's take an example:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Javascript forward and back buttons</title>
</head>
<body>
<h1>About my Website</h1>
<p>Go to <a href="#">Next Page</a></p>
<button id="back" onclick="goBack()">Go Back</button>
<button id="forward" onclick="goForward()">Go Forward</button>
<script id="jsbin-javascript">
function goBack() {
window.history.back();
console.log('We are in previous page');
}
function goForward() {
window.history.back();
console.log('We are in next page');
}
</script>
</body>
</html>
Javascript Programs
JavaScript code to check number is Perfect or not
JavaScript code to check number is Armstrong or not
JavaScript code to check whether a Number is Prime or Not
JavaScript code to find largest of three numbers
Check number is palindrome or not in JavaScript
How to build a calculator using JavaScript
Disable right click on webpage with JavaScript
Print a fibonacci series in JavaScript
How to copy text to clipboard with JavaScript
How to Get browser details through JavaScript
Create a forward and back buttons in JavaScript
How to Get the size of a file with JavaScript
How to find absolute value of a number in JavaScript
Create functions with default arguments in JavaScript
Find the larger of two numbers in JavaScript
Count occurrence of a particular character in a string in JavaScript
Get current date, month and year in JavaScript
How to parse number from string in JavaScript
Reverse an array in JavaScript
Dynamically add CSS class with JavaScript
How to get the extension of a file using JavaScript
Generate random number within a range in JavaScript
Display Input Text into Lowercase using JavaScript
Check/Uncheck all Checkboxes on Button Click using JavaScript
Convert a number into different base in JavaScript
Print value of all checked (selected) Checkboxes on Button click using JavaScript
No Sidebar ads