Javascript function stopping other functions working

Question

I have the following Javascript functions. Yes() and No(). I want to add another function Ex(), but it won't let me? Yes() and No() just stop working when I add it, no matter where it's added in the code. Can somebody please explain what's wrong? Thanks.

function no() {
    location.reload();
}
function yes() {
    document.getElementById('ex').innerHTML = "<button onclick="ex()">Test</button>;
}
function ex() {
    alert('test');

}

You should have this in the function yes "<button onclick=\"ex()\">Test</button>"; You were missing the last quotation mark and escaping the inner ones. — Hicaro
– Hicaro, Commented Dec 24, 2016 at 13:21

LF-DevJourney · Accepted Answer · 2016-12-24 13:24:26Z

1

escape you " in the string.

function no() {
    location.reload();
}
function yes() {
    document.getElementById('ex').innerHTML = "<button onclick=\"ex()\">Test</button>";
}
function ex() {
    alert('test');

}
yes();

<div id="ex"></div>

answered Dec 24, 2016 at 13:24

LF-DevJourney

28.6k30 gold badges170 silver badges321 bronze badges

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

Comments

billyzaelani · Accepted Answer · 2016-12-24 15:08:12Z

1

Alternatively you can change the outer quote with single quote for avoid escaping if you don't like one and keep the inner quote with double quote instead.

'<button onclick="ex()">Test</button>'

answered Dec 24, 2016 at 15:08

billyzaelani

5951 gold badge7 silver badges20 bronze badges

Collectives™ on Stack Overflow

Javascript function stopping other functions working

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related