Textbasiertes Spiel mit HTML und JS: Wo soll der Inhalt platziert werden? ⇐ HTML

[Anonymous]

Ich bin neu im Programmieren. Ich möchte ein Spiel machen, bei dem der Benutzer auf ein Problem stößt und dann eine von 2-3 Optionen auswählt. Derzeit habe ich die Story/den Inhalt in HTML und verarbeite die Ereignisse mit Javascript/jquery. Ist dies ein akzeptabler Weg oder sollte ich den Inhalt in main.js oder einer separaten .js-Datei ablegen?

Ich werde einen Großteil der Geschichte schreiben. Mein Anliegen ist, dass ich, wenn ich den Inhalt bearbeiten möchte, nicht möchte, dass er andere Elemente beeinflusst.

Mit anderen Worten, was wäre die effizienteste Art, damit umzugehen?

Im Moment wechsle ich von Div zu Div, während der Benutzer auf eine Schaltfläche klickt. Das ist so ziemlich die Grundlage des Spiels.

index.html

Code: Select all

Let's start!




Here's what you have to do. (More story...)

main.js

Code: Select all

var $allStatuses= $('.status');
var $allOptions = $('.option');

$('.option').on('click', function() {
var targetName = $(this).data('target');
var $target = $('.situation[data-status="' + targetName + '"]');

if($target.length === 1) {
$allStatuses.hide();
$allOptions.hide();
$target.fadeIn('slow');
$allOptions.fadeIn('slow');
}
});