In this short tip post, we will learn how to perform redirection to another webpage using JavaScript.
Objective
We need to redirect the user to another webpage on a particular event, say when user clicks on a button.
Approach
We can use window.location.href function of JavaScript to achieve the same.
Code
Here is the code.
<html>
<head>
<title>Hello World</title>
<script type='text/javascript'>
function redirect() {
window.location.replace('https://codeforgeek.com')
}
</script>
</head>
<body>
<input type='button' value='clickme' onClick='redirect()'>
</body>
</html>
<head>
<title>Hello World</title>
<script type='text/javascript'>
function redirect() {
window.location.replace('https://codeforgeek.com')
}
</script>
</head>
<body>
<input type='button' value='clickme' onClick='redirect()'>
</body>
</html>
Check out the codepen for the live demo.
See the Pen
redirection by Shahid Shaikh (@codeforgeek)
on CodePen.
Love JavaScript? Learn more about it here.