JSFiddle - React, Tailwind, and code Playground

by tea4two

HTML

<h1>またとある見出し1</h1>

<ul>
    <li><a href="#">リスト１</a></li>
    <li><a href="#">リスト2</a></li>
    <li><a href="#">リスト3</a></li>
    <li><a href="#">リスト4</a></li>
    <li><a href="#">リスト5</a></li>
</ul>

<div>
    <img src="http://placekitten.com/g/300/150" alt="猫の画像" id="catImage" />
</div>
    
    <p>また何かの文章。また何かの文章。また何かの文章。また何かの文章。また何かの文章。また何かの文章。また何かの文章。また何かの文章。</p>

<button>buttonタグ</button>

JavaScript

//HTMLドキュメント上をどこをクリックしてもalertが上がる
/*
document.onclick = function() {
	alert('ズバリ、HTML上のどこかをクリックしたでしょう！');
};
*/

//
var catImg = document.getElementById('catImage');
catImg.onclick = function() {
    alert('猫の画像をクリックしましたね？');
}