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

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

window.onload = function() {
    windowLoaded();
};