イベント

押すと２つのイベント
実行する
============code=====================

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ja" lang="ja" dir="ltr">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>イベント/title>
</head>
<body>------------------------------------------------
<button id='btn'>box</button>

<div id='box'>押すと２つのイベント 実行する</div>

<script type="text/javascript">
 -----------------ジャバスクリプト------------------------
window.onload = function() {

    //要素を取得
    var btn = document.getElementById('btn');
    var box = document.getElementById('box');


    // 背景色を赤くするイベント
    btn.addEventListener('click', function() {
        box.style.backgroundColor = 'red';
    }, false);

    // アラートを出すイベント
    btn.addEventListener('click', function() {
        alert('clicked');
    }, false);
   };

</script>

</html>


--web.site--  :  https://qiita.com/tsukishimaao/items/b1d12eb4c34abcf31d3a   --
=================================