Użycie przycisku HTML do wywołania funkcji JavaScript

Próbuję użyć przycisku HTML do wywołania funkcji JavaScript.

Oto kod:

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

Wydaje się jednak, że nie działa on poprawnie. Czy istnieje lepszy sposób, aby to zrobić?

Oto link:http://projectpath.ideapeoplesite.com/bendel/toolscalculators.html kliknij na zakładkę pojemność w lewej dolnej części. Przycisk powinien wygenerować alert, jeśli wartości nie zostały zmienione i powinien wygenerować wykres, jeśli wprowadzisz wartości.

Brett DeWoody
Edytowane pytanie 23. lipca 2017 в 11:44
Programowanie
javascript html
22. grudnia 2009 в 3:56
35 opinie

Powiedziałbym, że lepiej byłoby dodać javascript w sposób nierzucający się w oczy...

jeśli używasz jQuery, możesz zrobić coś takiego:

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

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

Wygląda to poprawnie. Domyślam się, że zdefiniowałeś swoją funkcję albo z inną nazwą, albo w kontekście, który nie jest widoczny dla przycisku. Proszę dodać trochę kodu

Komentarze (0)

głupi sposób:

onclick="javascript:CapacityChart();"

Powinieneś przeczytać o dyskretnym javascript, i użyj metody bind frameworks, aby powiązać wywołania zwrotne ze zdarzeniami dom.

Komentarze (4)