javascript & ajax samples to improve your web development.
トップページ
/ JavaScriptオンラインエディタ
JavaScriptオンラインエディタ
スクリプトを入力ボックスに書いて「スクリプト実行」ボタンを押すとWEB上でJavaScriptを実行＆動作確認できます。
<script type="text/javascript" src="/js/prototype.js"></script> <script type="text/javascript"> <!-- window.onload = function() { Event.observe('sample1', 'click', handler); Event.observe('sample2', 'click', handler); Event.observe('sample3', 'click', handler); } function handler(event) { var item = Event.element(event); alert("クリックしたエレメントのid要素は"+item.id+"です"); } //--> </script> <body> <div id="sample1" class="sample" style="background-color:red">クリック</div> <div id="sample2" class="sample" style="background-color:green">クリック</div> <div id="sample3" class="sample" style="background-color:orange">クリック</div> </body>
スクリプト実行結果が表示されます。
