redirect event with javascript

Question

I'm doing a project and I don't understand the front end well. I have this html page:

<form class="form-group" action="/create" method="post" enctype="multipart/form-data">

            <div class="title">
                <h1>Cadastre seu produto</h1>
            </div>

            <div class="single-input">
                <input class="form-control" placeholder="nome do produto" type="text" id="nome_produto" name="nome_produto">
            </div>

            <div class="single-input">
                <input class="form-control" placeholder="quantidade em estoque" type="number" id="quantidade" name="quantidade">
            </div>

            <div class="single-input">
                <input class="form-control" placeholder="preco do produto" type="number" id="preco_produto" name="preco_produto">
            </div>
            <button onclick="loadPage()" id="button" type="submit" class="btn btn btn-danger">ENVIAR</button>
        </form>

I want that when I click on the SUBMIT button, I am redirected to another page, I want to do this using Javascript.

I tried to do this:

<script type="text/javascript">
function loadPage(){
    window.location("http://localhost:8080/list")
}

but it's not working, every time I click on the button I'm redirected to a blank page Any solution ?

What is the blank page's URL?

Oskar Grosser
– Oskar Grosser

2023-01-07 12:05:09 +00:00
Commented Jan 7, 2023 at 12:05 — Oskar Grosser
– Oskar Grosser, Commented Jan 7, 2023 at 12:05
<button type='submit' => <button type='button'

fdomn-m
– fdomn-m

2023-01-07 14:25:16 +00:00
Commented Jan 7, 2023 at 14:25 — fdomn-m
– fdomn-m, Commented Jan 7, 2023 at 14:25

yezzz · Accepted Answer · 2023-01-07 15:27:38Z

2

Window.location is a property not a function. So it should be

window.location = "http://localhost:8080/list";

More details here: https://developer.mozilla.org/en-US/docs/Web/API/Window/location

edited Jan 7, 2023 at 15:27

answered Jan 7, 2023 at 14:46

yezzz

3,0381 gold badge12 silver badges20 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

redirect event with javascript

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related