<p>So, we all surf the internet to watch YouTube videos and Stackoverflow and many more. And we usually click "←" this button to go back to the previous website.</p>
<p><img src="https://cdn.hashnode.com/res/hashnode/image/upload/v1646722832454/yw1AUTdu4.png" alt="back button" /></p>
<p>Do you know? 
You can create the same functionality of  "←" this button of browser in Javascript 🔥</p>
<hr />
<h3 id="heading-lets-create-a-back-button">Let's create a back button</h3>
<pre><code class="lang-html"><span class="hljs-tag">&lt;<span class="hljs-name">button</span>&gt;</span>Go Back<span class="hljs-tag">&lt;/<span class="hljs-name">button</span>&gt;</span>
</code></pre>
<p>It's time to make it functional ✌️</p>
<ul>
<li>Add <code>onclick</code> attribute to the button<pre><code class="lang-html">onclick="history.back()"
</code></pre>
</li>
<li>Here's the final and little code 🙂<pre><code class="lang-html"><span class="hljs-tag">&lt;<span class="hljs-name">button</span> <span class="hljs-attr">onclick</span>=<span class="hljs-string">"history.back()"</span>&gt;</span>Go Back<span class="hljs-tag">&lt;/<span class="hljs-name">button</span>&gt;</span>
</code></pre>
</li>
</ul>
<h3 id="heading-how-does-this-work">How does this work?</h3>
<p>The <code>history.back()</code> method loads the previous URL from the history list. It will only work if the previous page exists.</p>
<div class="embed-wrapper"><div class="embed-loading"><div class="loadingRow"></div><div class="loadingRow"></div></div><a class="embed-card" href="https://www.youtube.com/watch?v=cm40zQBW8bE">https://www.youtube.com/watch?v=cm40zQBW8bE</a></div>
<p>Try it live by yourself: <a href="https://codewithsnowbit.github.io/history.back-tutorial/">Live demo</a> (Open this link in this tab only since it will create a previous page 🙂 )</p>
<hr />
<p>Feel free to reach me out via Twitter - <a target="_blank" href="https://twitter.com/codewithsnowbit">@codewithsnowbit</a></p>
<h3 id="heading-lets-connect">🌏 Let's connect</h3>
<ul>
<li><a target="_blank" href="https://github.com/codewithsnowbit">GitHub</a></li>
<li><a target="_blank" href="https://twitter.com/codewithsnowbit">Twitter</a></li>
<li><a target="_blank" href="https://www.youtube.com/channel/UCNTKqF1vhFYX_v0ERnUa1RQ?view_as=subscriber">YouTube</a></li>
</ul>
<blockquote>
<p>Stay tuned for the next article. Stay safe and Happy Coding!</p>
</blockquote>


So, we all surf the internet to watch YouTube videos and Stackoverflow and many more. And we usually click "←" this button to go back to the previous website.

![back button](https://cdn.hashnode.com/res/hashnode/image/upload/v1646722832454/yw1AUTdu4.png)

Do you know? 
You can create the same functionality of  "←" this button of browser in Javascript 🔥

---
### Let's create a back button 
```html
<button>Go Back</button>
```
It's time to make it functional ✌️
- Add `onclick` attribute to the button
```html
onclick="history.back()"
```
- Here's the final and little code 🙂
```html
<button onclick="history.back()">Go Back</button>
```

### How does this work?
The `history.back()` method loads the previous URL from the history list. It will only work if the previous page exists.

%[https://www.youtube.com/watch?v=cm40zQBW8bE]

Try it live by yourself: <a href="https://codewithsnowbit.github.io/history.back-tutorial/">Live demo</a> (Open this link in this tab only since it will create a previous page 🙂 )

--- 
Feel free to reach me out via Twitter - [@codewithsnowbit](https://twitter.com/codewithsnowbit)
### 🌏 Let's connect
- [GitHub](https://github.com/codewithsnowbit)
- [Twitter](https://twitter.com/codewithsnowbit)
- [YouTube](https://www.youtube.com/channel/UCNTKqF1vhFYX_v0ERnUa1RQ?view_as=subscriber)


> Stay tuned for the next article. Stay safe and Happy Coding!




In this article, I have discussed what is history.back() and what's the use of it

Do you know history.back() in JavaScript?

I am 16 years old and a young passionate and self-taught frontend web developer and have an intention to become a successful developer. I usually write about JavaScript and Web Development.

Dhairya Shah's Blog

Dhairya Shah's Blog

Do you know history.back() in JavaScript?

Let's create a back button

How does this work?

🌏 Let's connect