|
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>;lkgjfsjf</title>
<style>
body {
font-family: Arial, sans-serif;
background-color: #000000;
color: #ff0000;
text-align: center;
padding: 20px;
margin: 0;
height: 100vh;
display: flex;
justify-content: center;
align-items: center;
}
#game-container {
background-color: #000000;
padding: 20px;
border-radius: 10px;
max-width: 600px;
width: 100%;
}
#game-text {
margin-bottom: 50px; /* Add space below the text */
}
button {
background-color: #000000;
color: #ff0000;
border: 2px solid red;
padding: 10px 10px;
margin: 10px;
cursor: pointer;
border-radius: 0px;
}
button:hover {
background-color: #000000;
}
</style>
</head>
<body>
<div id="game-container">
<p id="game-text">Welcome to the game! What will you do?</p>
<div id="choices"></div>
</div>
<script>
document.addEventListener("DOMContentLoaded", function() {
const gameText = document.getElementById("game-text");
const choicesDiv = document.getElementById("choices");
const gameState = {
currentScene: "start"
};
const scenes = {
start: {
text: "start",
choices: [
{ text: "niggerlor", nextScene: "event2" },
{ text: "one", nextScene: "event3" }
]
},
// 100 events as placeholders
event2: { text: "nyigger ", choices: [{ text: "Next", nextScene: "event3" },
{ text: "Nig", nextScene: "event50" }] },
event3: { text: "Placeholder for event 3", choices: [{ text: "Next", nextScene: "event4" }] },
event4: { text: "Placeholder for event 4", choices: [{ text: "Next", nextScene: "event5" }] },
event5: { text: "Placeholder for event 5", choices: [{ text: "Next", nextScene: "event6" }] },
event6: { text: "Placeholder for event 6", choices: [{ text: "Next", nextScene: "event7" }] },
event7: { text: "Placeholder for event 7", choices: [{ text: "Next", nextScene: "event8" }] },
event8: { text: "Placeholder for event 8", choices: [{ text: "Next", nextScene: "event9" }] },
event9: { text: "Placeholder for event 9", choices: [{ text: "Next", nextScene: "event10" }] },
event10: { text: "Placeholder for event 10", choices: [{ text: "Next", nextScene: "event11" }] },
event11: { text: "Placeholder for event 11", choices: [{ text: "Next", nextScene: "event12" }] },
event12: { text: "Placeholder for event 12", choices: [{ text: "Next", nextScene: "event13" }] },
event13: { text: "Placeholder for event 13", choices: [{ text: "Next", nextScene: "event14" }] },
event14: { text: "Placeholder for event 14", choices: [{ text: "Next", nextScene: "event15" }] },
event15: { text: "Placeholder for event 15", choices: [{ text: "Next", nextScene: "event16" }] },
event16: { text: "Placeholder for event 16", choices: [{ text: "Next", nextScene: "event17" }] },
event17: { text: "Placeholder for event 17", choices: [{ text: "Next", nextScene: "event18" }] },
event18: { text: "Placeholder for event 18", choices: [{ text: "Next", nextScene: "event19" }] },
event19: { text: "Placeholder for event 19", choices: [{ text: "Next", nextScene: "event20" }] },
event20: { text: "Placeholder for event 20", choices: [{ text: "Next", nextScene: "event21" }] },
event21: { text: "Placeholder for event 21", choices: [{ text: "Next", nextScene: "event22" }] },
event22: { text: "Placeholder for event 22", choices: [{ text: "Next", nextScene: "event23" }] },
event23: { text: "Placeholder for event 23", choices: [{ text: "Next", nextScene: "event24" }] },
event24: { text: "Placeholder for event 24", choices: [{ text: "Next", nextScene: "event25" }] },
event25: { text: "Placeholder for event 25", choices: [{ text: "Next", nextScene: "event26" }] },
event26: { text: "Placeholder for event 26", choices: [{ text: "Next", nextScene: "event27" }] },
event27: { text: "Placeholder for event 27", choices: [{ text: "Next", nextScene: "event28" }] },
event28: { text: "Placeholder for event 28", choices: [{ text: "Next", nextScene: "event29" }] },
event29: { text: "Placeholder for event 29", choices: [{ text: "Next", nextScene: "event30" }] },
event30: { text: "Placeholder for event 30", choices: [{ text: "Next", nextScene: "event31" }] },
event31: { text: "Placeholder for event 31", choices: [{ text: "Next", nextScene: "event32" }] },
event32: { text: "Placeholder for event 32", choices: [{ text: "Next", nextScene: "event33" }] },
event33: { text: "Placeholder for event 33", choices: [{ text: "Next", nextScene: "event34" }] },
event34: { text: "Placeholder for event 34", choices: [{ text: "Next", nextScene: "event35" }] },
event35: { text: "Placeholder for event 35", choices: [{ text: "Next", nextScene: "event36" }] },
event36: { text: "Placeholder for event 36", choices: [{ text: "Next", nextScene: "event37" }] },
event37: { text: "Placeholder for event 37", choices: [{ text: "Next", nextScene: "event38" }] },
event38: { text: "Placeholder for event 38", choices: [{ text: "Next", nextScene: "event39" }] },
event39: { text: "Placeholder for event 39", choices: [{ text: "Next", nextScene: "event40" }] },
event40: { text: "Placeholder for event 40", choices: [{ text: "Next", nextScene: "event41" }] },
event41: { text: "Placeholder for event 41", choices: [{ text: "Next", nextScene: "event42" }] },
event42: { text: "Placeholder for event 42", choices: [{ text: "Next", nextScene: "event43" }] },
event43: { text: "Placeholder for event 43", choices: [{ text: "Next", nextScene: "event44" }] },
event44: { text: "Placeholder for event 44", choices: [{ text: "Next", nextScene: "event45" }] },
event45: { text: "Placeholder for event 45", choices: [{ text: "Next", nextScene: "event46" }] },
event46: { text: "Placeholder for event 46", choices: [{ text: "Next", nextScene: "event47" }] },
event47: { text: "Placeholder for event 47", choices: [{ text: "Next", nextScene: "event48" }] },
event48: { text: "Placeholder for event 48", choices: [{ text: "Next", nextScene: "event49" }] },
event49: { text: "Placeholder for event 49", choices: [{ text: "Next", nextScene: "event50" }] },
event50: { text: "Placeholder for event 50", choices: [{ text: "Next", nextScene: "event51" }] },
<!-- meow -->
event51: { text: "Placeholder for event 51", choices: [{ text: "Next", nextScene: "event52" }] },
event52: { text: "Placeholder for event 52", choices: [{ text: "Next", nextScene: "event53" }] },
event53: { text: "Placeholder for event 53", choices: [{ text: "Next", nextScene: "event54" }] },
event54: { text: "Placeholder for event 54", choices: [{ text: "Next", nextScene: "event55" }] },
event55: { text: "Placeholder for event 55", choices: [{ text: "Next", nextScene: "event56" }] },
event56: { text: "Placeholder for event 56", choices: [{ text: "Next", nextScene: "event57" }] },
event57: { text: "Placeholder for event 57", choices: [{ text: "Next", nextScene: "event58" }] },
event58: { text: "Placeholder for event 58", choices: [{ text: "Next", nextScene: "event59" }] },
event59: { text: "Placeholder for event 59", choices: [{ text: "Next", nextScene: "event60" }] },
event60: { text: "Placeholder for event 60", choices: [{ text: "Next", nextScene: "event61" }] },
event61: { text: "Placeholder for event 61", choices: [{ text: "Next", nextScene: "event62" }] },
event62: { text: "Placeholder for event 62", choices: [{ text: "Next", nextScene: "event63" }] },
event63: { text: "Placeholder for event 63", choices: [{ text: "Next", nextScene: "event64" }] },
event64: { text: "Placeholder for event 64", choices: [{ text: "Next", nextScene: "event65" }] },
event65: { text: "Placeholder for event 65", choices: [{ text: "Next", nextScene: "event66" }] },
event66: { text: "Placeholder for event 66", choices: [{ text: "Next", nextScene: "event67" }] },
event67: { text: "Placeholder for event 67", choices: [{ text: "Next", nextScene: "event68" }] },
event68: { text: "Placeholder for event 68", choices: [{ text: "Next", nextScene: "event69" }] },
event69: { text: "Placeholder for event 69", choices: [{ text: "Next", nextScene: "event70" }] },
event70: { text: "Placeholder for event 70", choices: [{ text: "Next", nextScene: "event71" }] },
event71: { text: "Placeholder for event 71", choices: [{ text: "Next", nextScene: "event72" }] },
event72: { text: "Placeholder for event 72", choices: [{ text: "Next", nextScene: "event73" }] },
event73: { text: "Placeholder for event 73", choices: [{ text: "Next", nextScene: "event74" }] },
event74: { text: "Placeholder for event 74", choices: [{ text: "Next", nextScene: "event75" }] },
event75: { text: "Placeholder for event 75", choices: [{ text: "Next", nextScene: "event76" }] },
event76: { text: "Placeholder for event 76", choices: [{ text: "Next", nextScene: "event77" }] },
event77: { text: "Placeholder for event 77", choices: [{ text: "Next", nextScene: "event78" }] },
event78: { text: "Placeholder for event 78", choices: [{ text: "Next", nextScene: "event79" }] },
event79: { text: "Placeholder for event 79", choices: [{ text: "Next", nextScene: "event80" }] },
event80: { text: "Placeholder for event 80", choices: [{ text: "Next", nextScene: "event81" }] },
event81: { text: "Placeholder for event 81", choices: [{ text: "Next", nextScene: "event82" }] },
event82: { text: "Placeholder for event 82", choices: [{ text: "Next", nextScene: "event83" }] },
event83: { text: "Placeholder for event 83", choices: [{ text: "Next", nextScene: "event84" }] },
event84: { text: "Placeholder for event 84", choices: [{ text: "Next", nextScene: "event85" }] },
event85: { text: "Placeholder for event 85", choices: [{ text: "Next", nextScene: "event86" }] },
event86: { text: "Placeholder for event 86", choices: [{ text: "Next", nextScene: "event87" }] },
event87: { text: "Placeholder for event 87", choices: [{ text: "Next", nextScene: "event88" }] },
event88: { text: "Placeholder for event 88", choices: [{ text: "Next", nextScene: "event89" }] },
event89: { text: "Placeholder for event 89", choices: [{ text: "Next", nextScene: "event90" }] },
event90: { text: "Placeholder for event 90", choices: [{ text: "Next", nextScene: "event91" }] },
event91: { text: "Placeholder for event 91", choices: [{ text: "Next", nextScene: "event92" }] },
event92: { text: "Placeholder for event 92", choices: [{ text: "Next", nextScene: "event93" }] },
event93: { text: "Placeholder for event 93", choices: [{ text: "Next", nextScene: "event94" }] },
event94: { text: "Placeholder for event 94", choices: [{ text: "Next", nextScene: "event95" }] },
event95: { text: "Placeholder for event 95", choices: [{ text: "Next", nextScene: "event96" }] },
event96: { text: "Placeholder for event 96", choices: [{ text: "Next", nextScene: "event97" }] },
event97: { text: "Placeholder for event 97", choices: [{ text: "Next", nextScene: "event98" }] },
event98: { text: "Placeholder for event 98", choices: [{ text: "Next", nextScene: "event99" }] },
event99: { text: "Placeholder for event 99", choices: [{ text: "Next", nextScene: "event100" }] },
event100: { text: "Placeholder for event 100", choices: [{ text: "Restart", nextScene: "start" }] },
};
function updateGame(sceneKey) {
gameState.currentScene = sceneKey;
const scene = scenes[sceneKey];
gameText.textContent = scene.text;
choicesDiv.innerHTML = "";
scene.choices.forEach(choice => {
const button = document.createElement("button");
button.textContent = choice.text;
button.addEventListener("click", () => updateGame(choice.nextScene));
choicesDiv.appendChild(button);
});
}
updateGame(gameState.currentScene);
});
</script>
</body>
</html>
|
