Я пытаюсь создать текстовое приключение, в котором вы отправляете ответы в области ввода текста и обновления истории в DOM. У меня есть проблема, как мне обновить мою историю и сделать так, чтобы следующая часть истории раскрылась только тогда, когда произошла предыдущая часть истории. Другими словами, как мне вызвать только следующую часть истории, не вызывая что-то еще.
Например, я хочу, чтобы var c происходил только после появления var b, а b - только после a получилось. В настоящее время, если у вас есть несколько вопросов, где ответ «да», он просто переходит к самой последней части истории. Я попытался сделать это, превратив каждую часть истории в переменную, и пытаясь управлять следующим оператором if, который произойдет только в том случае, если предыдущая переменная была инициализирована. Но это не сработало.
Я новичок в кодировании и не знаю, как точно сформулировать вопрос. Заранее благодарю за любую помощь или предложения
function myFunction() {
var x = document.getElementById("myTextArea").value;
if( myTextArea.value.length > 0){
var a = document.getElementById("textBox").innerHTML= "Hello " + x + ", Are you ready for an Adventure ?";
}
else{
alert("Thats not a name, choose a name");
}
if(typeof a !== 'undefined' && x == "yes"){
var b = document.getElementById("textBox").innerHTML= "You look ahead and see a dinosaur, wanna pet him";
}
if(typeof b !== 'undefined' && x == "yes"){
var c = document.getElementById("textBox").innerHTML= "Wow he is soft";
}