<!DOCTYPE html>
<html>
<head>
<title>バイきんぐ小峠が言いそうなツッコミ</title>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<style>
body{
text-align: center;
background-color: #FFEFD5;
font-family: 'Yu Gothic', sans-serif;
}
h1{
font-size: 3em;
margin-top: 50px;
color: #3D3D3D;
text-shadow: 2px 2px #D8D8D8;
}
button{
font-size: 1.5em;
padding: 10px;
margin-top: 30px;
border: none;
background-color: #FF6347;
color: #FFFFFF;
text-shadow: 2px 2px #D8D8D8;
border-radius: 10px;
cursor: pointer;
}
</style>
</head>
<body>
<h1>バイきんぐ小峠が言いそうなツッコミを表示するアプリ</h1>
<button onclick="getRandomJoke()">ツッコミを表示</button>
<p id="joke"></p>
<script>
const jokes = [
"まさか、本気じゃないでしょ?!",
"言いたいことは分かるんだけど、それはちょっと…",
"いい感じで演じてるんだけど、ちょっとウソくさいな",
"でもさ、そんなこと言ってもしょうがないのは分かってるんだけどね",
"そんなことより、他に言うことないの?",
"もっとよく考えたほうがいいと思いますよ"
];
function getRandomJoke(){
let joke = jokes[Math.floor(Math.random() * jokes.length)];
document.getElementById("joke").innerHTML = joke;
}
</script>
</body>
</html>
※ ジョーク内容は全てフィクションであり、個人や団体を誹謗するものではありません。