脳筋におまかせ!
単語を入力して、「鍛え上げる」ボタンをクリックしてください。
<!DOCTYPE html>
<html>
<head>
<title>脳筋におまかせ!</title>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
</head>
<body>
<h1>脳筋におまかせ!</h1>
<p>単語を入力して、「鍛え上げる」ボタンをクリックしてください。</p>
<input type="text" id="word">
<button onclick="showMuscleWord()">鍛え上げる</button>
<p id="result"></p>
<p id="explanation"></p>
<script>
var usedExplanations = [];
function showMuscleWord() {
var userWord = document.getElementById("word").value;
var muscleWord = "マッスル" + userWord;
var explanation = generateExplanation(userWord);
document.getElementById("result").textContent = muscleWord;
document.getElementById("explanation").textContent = explanation;
}
function generateExplanation(word) {
var explanations = [
"筋トレ100%マン:「" + word + "って言った?あ、マッスル" + word + "って言いたか!なるほど、筋肉は言葉のあいさつっていわれてるからな!」",
"筋トレ100%マン:「" + word + "かあ、それならマッスルバージョンの" + musclefy(word) + "もあるんだけどな!さすが、筋肉と言われるだけはあるね!」",
"筋トレ100%マン:「" + word + "?うーん、その言葉には筋肉の真髄がない。それに比べたら、私たちが追求するマッスルの世界はもっと魅力的だ!」",
"筋トレ100%マン:「" + word + "ってなに?それ、筋肉にいいのか?もし筋肉にいいなら、私たちも教えてくれ!」",
"筋トレ100%マン:「" + word + "???...あれ、私寝落ちしてた?!ごめんごめん、何か言った?」"
];
var explanation = "";
while (explanation == "") {
var randomIndex = Math.floor(Math.random() * explanations.length);
explanation = explanations[randomIndex];
if (usedExplanations.indexOf(explanation) > -1) {
explanation = "";
} else {
usedExplanations.push(explanation);
}
}
return explanation;
}
function musclefy(word) {
return "マッスル" + word;
}
</script>
</body>
</html>