Back Button to go to the previous page

Problem solved

2 Likes

Hi.
button without border or shadow. Thnks @matthieu_chateau

<button id="myButton"> < Regresar</button>

<style>
#myButton {
width: 120px;
height: 40px;
background-color: #dfdfdf;
border-radius: 10px;
border-color: #dfdfdf;
padding: 10px 20px;
margin: auto;
border: none;
font-size: 14px;
font-family: "Inter", sans-serif;
font-weight: normal;
color: #4B6382;
text-align: center;
float: left;
display: flex;
align-items: center;
justify-content: center;
}

#myButton:hover {
background-color: #dfdfdf;
color: #4B6382;
</style>

<script>
document.getElementById("myButton").addEventListener("click", function() {
window.history.back();
});
</script>```
1 Like

This one is more accurate.
No need to add hover if it has the same colors. border-color is not necessary either.

<button id="myButton"> < Regresar</button>

<style>
#myButton {
  width: 120px;
  height: 40px;
  background-color: #dfdfdf;
  padding: 10px 20px;
  border-radius: 10px;
  border: none;
  margin: auto;
  font-size: 14px;
  font-family: "Inter", sans-serif;
  font-weight: normal;
  color: #4B6382;
  text-align: center;
  float: left;
  display: flex;
  align-items: center;
  justify-content: center;
 }
</style>

<script>
  document.getElementById("myButton").addEventListener("click", function() {
  window.history.back();
 });
</script>
1 Like

thank you so much. Your contributions have helped me a lot. I am a lawyer and I don’t know anything about code and I am making an app for my project. Your help has been valuable.