<!DOCTYPE html>
<html>
<head>
<title>名前とジョークアプリ</title>
</head>
<body>
<label for="name">名前を入力してください:</label>
<input type="text" id="name" name="name">
<button onclick="displayName()">表示する</button>
<p id="greeting"></p>
<div id="joke"></div>
<script type="text/javascript">
function displayName() {
let name = document.getElementById("name").value;
let greeting = "こんにちは、" + name + "さん！";
document.getElementById("greeting").innerHTML = greeting;
createJoke();
}
function createJoke() {
let jokes = [
"柔を能く、剛を制す",
"柔道は道である"
];
let randomJoke = jokes[Math.floor(Math.random()*jokes.length)];
let video = '<video src="your_video_url_here" autoplay></video>';
let joke = randomJoke + "<br>" + video;
document.getElementById("joke").innerHTML = joke;
}
</script>
</body>
</html>
