イベント設定

<body>
    <button id="quux">DDD</button>
    <script type= "text/javascript" src="myscript.js" charset="utf-8"></script>
</body>
// ドキュメントからid quuxを取得し、クリックでイベント発生
document.getElementById('quux').addEventListener('click', function() {
    var baz = document.createElement('p'), // p要素を作成し、bazへ代入
        text = document.createTextNode('CCC'); // テキストを作成し、textへ代入
    document.body.appendChild(baz).appendChild(text); // bodyに、bazとtextを付加
});

https://developer.mozilla.org/ja/docs/Web/API/Event https://developer.mozilla.org/ja/docs/Web/API/Node.appendChild