I'm new in HTML and I would like some help, I would like to create an HTML button that acts like a link.

So, when you click the button, it redirects to a page locally stored in the same file, which is named "page 2 html",

I have a code line:

<button type="submit">connect</button>

I would like to add a "window.onclick" function to this button which redirect to "page 2 html" and what will be the javascript function that goes with it?

Thanks.

I'm new in HTML and I would like some help, I would like to create an HTML button that acts like a link.

So, when you click the button, it redirects to a page locally stored in the same file, which is named "page 2 html",

I have a code line:

<button type="submit">connect</button>

I would like to add a "window.onclick" function to this button which redirect to "page 2 html" and what will be the javascript function that goes with it?

Thanks.

• javascript
• html
• button
• onclick
• buttonclick

• 2 Don't. If you want something that acts like a link: Use a link. The browser will give it all the normal behaviours of a link (like being able to right click and copy the URL or open in a new tab or being announced as a link by a screen reader or search engines like Google being able to find the link). If you don't like the way links look: Apply CSS. – Quentin Commented Feb 23, 2021 at 21:41
• Does this answer your question? How do I create an HTML button that acts like a link? – putercarguy Commented Dec 21, 2022 at 16:49

3 Answers 3

There are a number of ways to do this, If you are stuck to a submit button, you would have to tie it to a form, then make the form's action attribute the link:

<form>
  <button type="submit" formaction="https://placekitten./">Click Me</button>
</form>

or you could do it as a regular button:

var gimmeCats = () => {
  window.location.href = "https://placekitten./";
}

<button id="catBtn" onclick="gimmeCats()">Click Me!</button>

Or, if you aren't opposed to bootstrap, there is this:

<link href="https://cdn.jsdelivr/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-BmbxuPwQa2lc/FVzBcNJ7UAyJxM6wuqIj61tLrc4wSX0szH/Ev+nYRRuWlolflfl" crossorigin="anonymous">

<a href="https://placekitten." class="btn btn-primary">Click Me!!!!!!!!!</a>

Using window.onclick will not do it because you are telling your browser that when you click anywhere in the window it will execute it. So you can use location.replace('') like this:

   <input type="submit" onclick="location.replace('page2.html')"/>

Or using a regular button:

<button onclick="location.replace('page2.html')">Page 2</button>

 <script>
  function redirect() {
   location.replace('page2.html');
 }
 </script>
  <button onclick="redirect()">Redirect</button>

<a href="page2.html"><button>Redirect</button></a>

import webbrowser
import requests
import re

class Browser:
    def __init__(self):
        self.history = []

    def open(self, url):
        response = requests.get(url)
        content = response.text
        print(content)

    def back(self):
        if len(self.history) > 1:
            self.history.pop()
            url = self.history[-1]
            self.open(url)
        else:
            print("Cannot go back further")

    def forward(self):
        if len(self.history) > 1:
            self.history.append(self.history[-1])
            self.history.pop()
            url = self.history[-1]
            self.open(url)
        else:
            print("Cannot go forward further")

    def go_home(self):
        self.history = []
        self.open("https://www.example.")

    def search(self, query):
        url = f"https://www.google./search?q={query}"
        self.history.append(url)
        self.open(url)

browser = Browser()

while True:
    print("Commands:")
    print("  o - Open URL")
    print("  b - Go back")
    print("  f - Go forward")
    print("  h - Go home")
    print("  s - Search")
    mand = input("> ")

    if mand == "o":
        url = input("Enter URL: ")
        browser.open(url)
    elif mand == "b":
        browser.back()
    elif mand == "f":
        browser.forward()
    elif mand == "h":
        browser.go_home()
    elif mand == "s":
        query = input("Enter search query: ")
        browser.search(query)
    else:
        print("Invalid mand")