html button won't open link in a new window/tab when using window.location

[r_tist]

When applying a link action to a button, I cannot get it to open in a new window/tab:

<button onclick="window.location.href='https://google.com';" target="_blank" type="button" class="btn btn-outline-primary btn-lg ctaBtn" style="margin-top: 1em;">Request Sample</button>

Can you please advise what must be applied to get the button link to open in a new window/tab?

Thanks.

[Ben M]

Are you using Bootstrap? With all of those button classes, why not just change the button --> a and just have a stylized link that looks like a button? Then you can remove the javascript and use a href value.

[BenPleysier]

Adding to @r_tist's reply, the code would look like

<a href="https://google.com" class="btn btn-outline-primary btn-lg mt-4" target="_blank">Request Sample</a>

This code is semantically more correct than using a button element because of the following statements:

• Links take the user to a new location, such as a new web page or new section of the current page. 
• Buttons trigger some action, such as showing content on the page that was previously hidden, playing a video, or submitting a form.

[r_tist]

Thank you for this clear explanation!

Very good.

[Nancy OShea]

FYI:  JavaScript uses different terms & syntax. For details, see below.

https://www.geeksforgeeks.org/how-to-open-url-in-new-tab-using-javascript/#