Текстовая игра с использованием HTML и JS: куда разместить контент? ⇐ Jquery

[Anonymous]

Я новичок в программировании. Я хочу сделать игру, в которой пользователь сталкивается с проблемой, а затем выбирает один из 2-3 вариантов. В настоящее время у меня есть история/контент в формате html, и я обрабатываю события с помощью javascript/jquery. Это приемлемый способ или мне следует поместить содержимое в main.js или отдельный файл .js?

Я буду писать большую часть истории. Меня беспокоит то, что если я захочу отредактировать контент, я не хочу, чтобы это влияло на другие элементы.

Другими словами, какой способ справиться с этим будет наиболее эффективным?

Сейчас я перехожу от div к div, когда пользователь нажимает кнопку. Это практически основа игры.

index.html


Let's start!




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




main.js

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');
}
});


Подробнее здесь: https://stackoverflow.com/questions/437 ... ut-content