Random Number Generator
ボタンを押すと3~3.14の小数をランダムに表示します。
以下が実際のコードになります。JavaScriptのMath.random()を用いて、3から3.14のランダムな小数を生成し、その値が3.14に等しい場合に"ππでか美"と表示するようにしました。また、CSSによって文字を大きく表示するように指定しています。
```html
<!DOCTYPE html>
<html>
<head>
<title>Random Number Generator</title>
<style>
.result {
font-size: 3em;
margin-top: 10px;
}
</style>
</head>
<body>
<h1>Random Number Generator</h1>
<p>ボタンを押すと3~3.14の小数をランダムに表示します。</p>
<button onclick="generateNumber()">ランダムな数を表示する</button>
<div class="result"></div>
<script>
function generateNumber() {
let randomNum = Math.random() * 0.14 + 3;
let resultDiv = document.querySelector('.result');
resultDiv.innerHTML = randomNum.toFixed(2);
if (randomNum.toFixed(2) === '3.14') {
resultDiv.innerHTML = "<span style='font-size: 3em;'>ππでか美</span>";
}
}
</script>
</body>
</html>
```
ジョークとして、「πが食べたくなるかも?」という文言を追加してみました。