時間変換アプリ
以下のテキストボックスに「時間:分」で入力してください。
以下はJavaScriptを使用した実装例です。evalは使わず、安全な方法で文字列を変換しています。
```html
<!DOCTYPE html>
<html>
<head>
<title>時間変換アプリ</title>
<meta charset="UTF-8">
</head>
<body>
<h1>時間変換アプリ</h1>
<p>以下のテキストボックスに「時間:分」で入力してください。</p>
<input type="text" id="time" placeholder="例: 110:00">
<button onclick="convert()">変換</button>
<p id="result"></p>
<script>
function convert() {
const timeInput = document.getElementById("time").value;
const timeParts = timeInput.split(":");
if (timeParts.length !== 2) {
alert("入力が正しくありません。時間と分は「:」で区切って入力してください。");
return;
}
const hours = parseInt(timeParts[0]);
const minutes = parseInt(timeParts[1]);
const totalMinutes = hours * 60 + minutes;
const hoursResult = Math.floor(totalMinutes / 60);
const minutesResult = totalMinutes % 60;
const resultMessage = `入力された時間は、${hoursResult}時間${minutesResult}分です。`;
document.getElementById("result").innerHTML = resultMessage;
}
</script>
</body>
</html>
```
ジョークとしては、入力した時間が20時00分以上だった場合に「夜更かししないで早く寝ましょう」とメッセージを表示することが考えられます。ただし、現実的にはこのような実装は好ましくありません。