Een HTML-knop gebruiken om een JavaScript-functie op te roepen

Ik probeer een HTML-knop te gebruiken om een JavaScript-functie op te roepen.

Hier is de code:

<input type="button" value="Capacity Chart" onclick="CapacityChart();">

Het lijkt echter niet correct te werken. Is er een betere manier om dit te doen?

Hier is de link:http://projectpath.ideapeoplesite.com/bendel/toolscalculators.html klik op het capaciteitstabblad in de sectie linksonder. De knop zou een waarschuwing moeten genereren als de waarden niet worden gewijzigd en zou een grafiek moeten produceren als u waarden invoert.

Brett DeWoody
Bewerkte vraag 23ste6 juli 2017 в 11:44
Programmering
javascript html
22ste1 december 2009 в 3:56
18 views

Ik zou zeggen dat het beter zou zijn om het javascript op een onopvallende manier toe te voegen...

als je jQuery gebruikt zou je zoiets kunnen doen als:

<script>
  $(document).ready(function(){
    $('#MyButton').click(function(){
       CapacityChart();
    });
  });
</script>

<input type="button" value="Capacity Chart" id="MyButton" >
Commentaren (6)

Dit ziet er correct uit. Ik denk dat je je functie hebt gedefinieerd met een andere naam of in een context die niet zichtbaar is voor de knop. Voeg wat code toe

Commentaren (0)

domme manier:

onclick="javascript:CapacityChart();"

Je zou moeten lezen over discrete javascript, en een frameworks bind methode gebruiken om callbacks te binden aan dom events.

Commentaren (4)