HTMLボタンでJavaScriptの関数を呼び出す

HTMLボタンを使ってJavaScriptの関数を呼び出すことを試みています。

以下はそのコードです。

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

しかし、正しく動作していないようです。もっと良い方法はありますか?

ここにリンクがあります。http://projectpath.ideapeoplesite.com/bendel/toolscalculators.html 左下のセクションにある容量タブをクリックしてください。このボタンは、値が変更されていない場合はアラートを生成し、値を入力した場合はチャートを生成するはずです。

目立たないようにjavascriptを追加した方がいいと思うのですが...。

jQueryを使用する場合は、次のようにします。

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

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

これは正しいように見えます。関数を別の名前で定義したか、ボタンからは見えないコンテキストで定義したのではないでしょうか。いくつかのコードを追加してください。

解説 (0)

くだらない。

onclick="javascript:CapacityChart();"

discrete javascriptを読んで、フレームワークのbindメソッドを使ってコールバックをdomイベントにバインドするべきです。

解説 (4)