絵文字を使ったブロック壊し

😃
😎
💩
🚀
<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="UTF-8">
<title>絵文字を使ったブロック壊し</title>
<style>
    .block {
        width: 60px;
        height: 60px;
        background-color: #3498db;
        border: 1px solid #2980b9;
        text-align: center;
        line-height: 60px;
        font-size: 24px;
        display: inline-block;
        margin: 5px;
        cursor: pointer;
    }
</style>
</head>
<body>

<h1>絵文字を使ったブロック壊し</h1>

<div class="block" onclick="breakBlock(this)">😃</div>
<div class="block" onclick="breakBlock(this)">😎</div>
<div class="block" onclick="breakBlock(this)">💩</div>
<div class="block" onclick="breakBlock(this)">🚀</div>

<script>
    function breakBlock(block) {
        block.style.display = 'none';
        console.log('ブロックを壊しました！また遊んでね😄');
    }
</script>

</body>
</html>