Javascript関数は他の関数の動作を停止しています

Question

私は以下のJavascript関数を持っています。 Yes()およびNo()。私は別の機能を追加したいEx()、それは私をさせませんか？ Yes（）とNo（）は、コードに追加されていても、追加するだけで機能しなくなります。 誰かが間違っていることを説明してもらえますか？ありがとう。文字列中の

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

} 

Answer 1

エスケープあなたに」。

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

 
} 
 
yes();

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

Answer 2

はまた、あなたがものを好きではない場合はエスケープ回避するために、単一引用符で外側の引用符を変更しておくことができます代わりに二重引用符を使用する内部引用符。

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