Onclick function button inside a javascript

Question

I want to direct the button to another page

function showInput() {
    document.getElementById("demo").innerHTML = '<input type="submit" 
    onclick="location.href = "addnewcustomer.php";" id ="newcust" 
    class="btnRegister" value = "New Customer">';
}

I want when i click the New Customer button, it will redirect to addnewcustomer.php but when i run the code, nothing happened.

There are no errors. Just the button didn't function the way i want it to

B. Desai · Accepted Answer · 2017-12-08 06:50:46Z

1

You have to escape quotes in element. Try following code

function showInput() {
    document.getElementById("demo").innerHTML = '<input type="submit" onclick="location.href = \'addnewcustomer.php\';" id ="newcust" class="btnRegister" value = "New Customer">';
}

<a onclick="showInput()" >Add New Buton</a>
<div id="demo"></div>

answered Dec 8, 2017 at 6:50

B. Desai

16.4k5 gold badges28 silver badges48 bronze badges

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

Comments

Aiyaz Khorajia · Accepted Answer · 2017-12-08 07:05:07Z

1

You can use following code to redirect page.

function showInput() {
    document.getElementById("demo").innerHTML = '<input type="submit" id ="newcust" class="btnRegister" value = "New Customer" />';
}

document.getElementById("newcust").onclick = function () {
    location.href = "addnewcustomer.php";
}

<div id="demo"></div>
<a onclick="showInput()" >Click To Get Button</a>

answered Dec 8, 2017 at 7:05

Aiyaz Khorajia

5982 silver badges11 bronze badges

Comments

Paritosh Mahale · Accepted Answer · 2017-12-08 06:49:50Z

0

Try this

function showInput() {
 document.getElementById("demo").innerHTML = '<input type="submit" onclick="location.href = \'https://www.youtube.com/\';" class="btnRegister" value = "New Customer">';
}
showInput()

<p id="demo">click</p>

answered Dec 8, 2017 at 6:49

Paritosh Mahale

1,3083 gold badges15 silver badges42 bronze badges

Comments

omkaartg · Accepted Answer · 2017-12-08 06:55:40Z

0

It is because you didn’t close your input tag Try this...

function showInput() {
document.getElementById("demo").innerHTML = '<input type="submit" 
 onclick="location.href =     "addnewcustomer.php";" id ="newcust" 
 class="btnRegister" value = "New Customer"/>';
}

If you don’t close it the button will not work.

answered Dec 8, 2017 at 6:55

omkaartg

2,7971 gold badge12 silver badges22 bronze badges

Comments

TarangP · Accepted Answer · 2017-12-08 06:59:08Z

0

function showInput() {
    document.getElementById("demo").innerHTML = '<input type="submit" onclick="location.href = "yourpage.php";" id ="newcust" class="btnRegister" value = "New Customer">';
  }

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<a onclick="showInput()" >Click To Get Button</a>
<p id="demo"></p>

Right Click And inspect Button.

edited Dec 8, 2017 at 6:59

answered Dec 8, 2017 at 6:45

TarangP

2,7385 gold badges24 silver badges42 bronze badges

1 Comment

omkaartg Over a year ago

I didn’t understand the space doesn’t matter

Akjun · Accepted Answer · 2017-12-08 07:00:16Z

0

Try the code below, the inner html text is missing with escape string. Call window.onload to trigger your method and display your button. HTH.

<head>
<script type="text/javascript">
    function showInput() {
        document.getElementById("demo").innerHTML = '<input type="submit" onclick="location.href = \'addnewcustomer.php\';" id ="newcust" class="btnRegister" value = "New Customer">';
    }
    window.onload = showInput;
    </script>
</head>
<body>
<p id="demo"></p>
</body>

answered Dec 8, 2017 at 7:00

Akjun

3706 silver badges13 bronze badges

Collectives™ on Stack Overflow

Onclick function button inside a javascript

6 Answers 6

Comments

Comments

Comments

Comments

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

6 Answers 6

Comments

Comments

Comments

Comments

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related