problematische Javascript-Array?

Question

Ich habe ein Problem mit meinem Javascript. Bei der Ausführung als HTML-Funktion funktionieren die Schaltflächen nicht.

HTML:

<p>Click the button to sort the array.</p> 
<button id=“buttonOne” onclick=“myFuntion()”>Try it</button> 

<p id="demo"></p> 
<button id = “ButtonTwo” onclick=“myFunction()”>Count the Number of products!</button> 

<p id=‘demo2”></p> 

JavaScript:

var fruits = ["apple", "banana", "mango", "orange","avocado"]; 
document.getElementById("demo").innerHTML = fruits; 

var buttonOne = document.getElementById("buttonOne"); 
var buttonTwo = document.getElementById("buttonTwo"); 

buttonOne.addEventListener("click", function() { 
    fruits = fruits.sort(); 
    document.getElementById("demo").innerHTML = fruits; 
}); 

buttonTwo.addEventListener("click", function() { 
    length = fruits.length; 
    document.getElementById("demo2").innerHTML = length; 
}); 

Wenn jemand einen Blick auf diese nehmen und vielleicht vorschlagen, was falsch ist?

Answer 1

<button id = “ButtonTwo” onclick=“myFunction()”>Count the Number of products!</button> 

var buttonTwo = document.getElementById ("buttonTwo");

die ID ist B und die getElementById ist b Änderung eines von ihnen

Und myFunction tut existiert