Anchor tag in inline javascript

Question

I am designing a static html/css website. In the contact page of the website, I have written an onclick function using inline js.

function goback() {
  alert("Thank you for contacting us ");
}

<button class="app-form-button" onclick="goback()">SEND</button>

I want to revert back to the home page once the person clicks on the popup on click function. But I don't have any idea on how to add an anchor tag to create a reference url to the home page within the script tag. Can anyone please help me?

did you mean to append as a child in your div element? or redirect to another page? — callmenikk, Aug 28 '21 at 16:59
@callmenikk No I'm not using node interface here. I wanted to go back to the home page once I click ok on the onclick popup . — Sreelakshmi G, Aug 28 '21 at 17:01
@SreelakshmiG I have added [answer](https://stackoverflow.com/a/68966540/13833218) below — Rifky Niyas, Aug 28 '21 at 17:08
Does this answer your question? [How do I redirect to another webpage?](https://stackoverflow.com/questions/503093/how-do-i-redirect-to-another-webpage) — kmoser, Aug 30 '21 at 02:47

score 2 · Answer 1 · edited Aug 30 '21 at 02:42

2

Try the code below. According to this answer

Alert is a blocking function, means, if you don't close it, the code below will not execute. So you don't have to capture the alert close event, just write down the code below that alert, when alert window will be closed the code below will be executed automatically.

So, you can redirect the user to homepage after the alert statement via window.location.href

<button class="app-form-button" onclick="goback()">SEND</button>
<script>
  function goback() {
    alert("Thank you for contacting us ");
    window.location.href = "your homepage url";
  }
</script>

edited Aug 30 '21 at 02:42

Spectric

30,714
6
20
43

answered Aug 28 '21 at 17:04

Rifky Niyas

1,737
10
25

Thank you this is what I wanted – Sreelakshmi G Aug 28 '21 at 17:09
@SreelakshmiG Welcome. Consider [upvoting and accepting the answer](https://stackoverflow.com/help/someone-answers) if you found it useful – Rifky Niyas Aug 28 '21 at 17:10

score 1 · Answer 2 · answered Aug 28 '21 at 17:03

1

You can use window object's propery location

after the alert, add this:

window.location.href="/index.html" /// or any other name of your homepage

answered Aug 28 '21 at 17:03

Erfan

1,725
1
4
12

score 1 · Answer 3 · answered Aug 28 '21 at 17:05

Use Location Replace It Won't Work here for some disabilities of stackoverflow

<button class="app-form-button" onclick="goback()">SEND</button>

<script>  
   function goback(){  
        alert("Thank you for contacting us "); 
        location.replace("https://www.google.com/")
        }
</script>

Anchor tag in inline javascript

3 Answers3