.innerHTMLから関数を呼び出す

Question

私は変数Selectの中にある関数select（）を呼び出そうとしていますが、関数select（）は呼び出されていないと主張していますか？関数select（）を呼び出すことを実現するにはどうすればよいですか？

<p id="button"></p> 

<p id="list"></p> 

<script> 
function buttons() { 
var Select = "<button type='button' onclick='select()'>Sort</button>"; 
document.getElementById("buttons").innerHTML = Select; 
} 

function select() {document.getElementById("list").innerHTML = fruits;} 
</script> 

Answer 1

• あなたはそれがselect()にバインドされたイベントが作成されることはありません]をクリックします持っていbuttons()どこでもので、あなたのボタンを呼び出していません。
• また、ボタンidに入力ミスがあります。それはボタンと言います。
• 最後に'fruits'を引用符で囲む必要があります。そうでなければ、JSはあなたがfruitsという変数を参照しようとしていると判断し、参照エラーをスローします。

<p id="buttons"></p> 
 

 
<p id="list"></p> 
 

 
<script> 
 
function buttons() { 
 
    var Select = "<button type='button' onclick='select()'>Sort</button>"; 
 
    document.getElementById("buttons").innerHTML = Select; 
 
} 
 

 
function select() { 
 
    document.getElementById("list").innerHTML = 'fruits'; 
 
} 
 
    
 
buttons() 
 
</script>