Bruke en HTML-knapp for å kalle en JavaScript-funksjon

Jeg prøver å bruke en HTML-knapp for å kalle opp en JavaScript-funksjon.

Her er koden:

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

Det ser ikke ut til å fungere riktig skjønt. Finnes det en bedre måte å gjøre dette på?

Her er lenken:http://projectpath.ideapeoplesite.com/bendel/toolscalculators.html klikk på kapasitetsfanen nederst til venstre. Knappen skal generere et varsel hvis verdiene ikke endres, og skal produsere et diagram hvis du legger inn verdier.

Jeg vil si at det ville være bedre å legge til javascriptet på en diskret måte...

hvis du bruker jQuery kan du gjøre noe sånt som:

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

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

Dette ser riktig ut. Jeg antar at du har definert funksjonen din enten med et annet navn eller i en kontekst som ikke er synlig for knappen. Vennligst legg til litt kode

Kommentarer (0)

på en dum måte:

onclick="javascript:CapacityChart();"

Du bør lese om diskret javascript, og bruke en frameworks bind-metode for å binde callbacks til dom-hendelser.

Kommentarer (4)