728x90
<!DOCTYPE html>
<html>
<head>
<title>Dice Simulator</title>
<style>
body {
font-family: Arial, sans-serif;
text-align: center;
margin-top: 50px;
}
#dice {
font-size: 100px;
margin: 20px;
}
#rollButton {
padding: 10px 20px;
font-size: 18px;
cursor: pointer;
}
</style>
</head>
<body>
<h1>Dice Simulator</h1>
<div id="dice">🎲</div>
<button id="rollButton">Roll the Dice</button>
<script>
const diceSymbols = ['⚀','⚁','⚂','⚃','⚄','⚅'];
document.getElementById('rollButton').addEventListener('click', function() {
const randomIndex = Math.floor(Math.random() * 6);
document.getElementById('dice').innerText = diceSymbols[randomIndex];
});
</script>
</body>
</html>
728x90
'호그와트' 카테고리의 다른 글
| 오늘도 밤에 해커들과 싸우며 그들의 턱뼈를 교정시켜줍니다 (0) | 2024.10.12 |
|---|---|
| 문크예거 딸의 운전 실력은 어느정도일까 ? (1) | 2024.10.07 |
| 췤췤 머신 그저 감사합니다 !! (0) | 2024.08.18 |
| 포ㄹ트를 뽀트르 포트르 포트리스 뽀로로 (0) | 2024.08.18 |
| 윌의 마음을 이해하는 건 니체를 읽으며 타노스 고기를 뜯어먹을때 온다 (0) | 2024.08.03 |