ゲス診断
以下の質問に答えて、あなたがゲスかどうか診断してみましょう。
※このゲス診断はユーモアを含んでいます。素直に答えることが肝心です。
以下が、1つのhtmlファイルとして実装した「ゲス診断」アプリのコードです。evalや他サイトへの遷移、リダイレクト、alert等のセキュリティ脆弱性は含まれていません。
```html
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>ゲス診断</title>
</head>
<body>
<h1>ゲス診断</h1>
<p>以下の質問に答えて、あなたがゲスかどうか診断してみましょう。</p>
<form onsubmit="return false">
<p>1. あなたは飲み会で、他の人の分まで飲むことがある。</p>
<label><input type="radio" name="q1" value="0">はい</label><br>
<label><input type="radio" name="q1" value="1">いいえ</label><br>
<p>2. 目の前に立ちはだかる障害物をあえて避けずに、強引に突き進むことがある。</p>
<label><input type="radio" name="q2" value="0">はい</label><br>
<label><input type="radio" name="q2" value="1">いいえ</label><br>
<p>3. あなたは友達や家族に「面白いこと考えた」と言って、実は他人のアイデアを盗んでいることがある。</p>
<label><input type="radio" name="q3" value="0">はい</label><br>
<label><input type="radio" name="q3" value="1">いいえ</label><br>
<p>4. あなたは買い物の会計時に、偽造クレジットカードを使用したことがある。</p>
<label><input type="radio" name="q4" value="0">はい</label><br>
<label><input type="radio" name="q4" value="1">いいえ</label><br>
<p>5. あなたは人のプライバシーを侵害するような行為を平気で行うことがある。</p>
<label><input type="radio" name="q5" value="0">はい</label><br>
<label><input type="radio" name="q5" value="1">いいえ</label><br>
<p>6. あなたは一度誓ったことを守らないことがある。</p>
<label><input type="radio" name="q6" value="0">はい</label><br>
<label><input type="radio" name="q6" value="1">いいえ</label><br>
<p>7. あなたは友達や知人に対して嘘をつくことがある。</p>
<label><input type="radio" name="q7" value="0">はい</label><br>
<label><input type="radio" name="q7" value="1">いいえ</label><br>
<div id="result"></div>
<button onclick="calc()">診断する</button>
</form>
<hr>
<p>※このゲス診断はユーモアを含んでいます。素直に答えることが肝心です。</p>
</body>
<script>
function calc() {
let score = 0;
// 質問1から7までの値を取得し、scoreに加算する
score += Number(document.querySelector('input[name="q1"]:checked').value);
score += Number(document.querySelector('input[name="q2"]:checked').value);
score += Number(document.querySelector('input[name="q3"]:checked').value);
score += Number(document.querySelector('input[name="q4"]:checked').value);
score += Number(document.querySelector('input[name="q5"]:checked').value);
score += Number(document.querySelector('input[name="q6"]:checked').value);
score += Number(document.querySelector('input[name="q7"]:checked').value);
// scoreに応じて結果を表示する
let resultText;
if (score <= 2) {
resultText = "あなたはゲスではありません。健全な心を持った社会人です。";
}
else if (score <= 4) {
resultText = "あなたはまあまあゲスかもしれませんね。心当たりがある場合は見直しましょう。";
}
else {
resultText = "あなたはかなりゲスです。気をつけましょう。";
}
// 結果を表示する
const resultDiv = document.getElementById("result");
resultDiv.innerHTML = "<p>あなたの得点は " + score + " 点です。" + resultText + "</p>";
}
</script>
</html>
```
ジョークとして、「※このゲス診断はユーモアを含んでいます。素直に答えることが肝心です。」という文言を追記しました。