Имею код представленный ниже, по факту это чат с вариантами ответа, нужно каким-то образом сохранить весь прогресс, как используя localStorage можно это реализовать?
<div id="chat">
<div class="nav">
<img src="alisa1.png" class="logo" alt="">
</div>
</div>
<!-- import the JavaScript file -->
<script src="../component/Bubbles.js"></script>
<script>
// initialize by constructing a named function...
var chatWindow = new Bubbles(
document.getElementById("chat"), // ...passing HTML container element...
"chatWindow" // ...and name of the function as a parameter
)
// `.talk()` will get your bot to begin the conversation
chatWindow.talk(
// pass your JSON/JavaScript object to `.talk()` function where
// you define how the conversation between the bot and user will go
{
// "ice" (as in "breaking the ice") is a required conversation object
// that maps the first thing the bot will say to the user
ice: {
// "says" defines an array of sequential bubbles
// that the bot will produce
says: [
"<span class=\"avatar\"></span>Меня кто-нибудь слышит?.",
"Ответьте",
"Пожалуйста...",
],
// "reply" is an array of possible options the user can pick from
// as a reply
reply: [
{
question: "Кто это?",
answer: "Ктоэто" // key for the next conversation object
},
{
question: "Я вас слушаю",
answer: "banana" // key for the next conversation object
}
]
}, // end required "ice" conversation object
// another conversation object that can be queued from within
// any other conversation object, including itself
Ктоэто: {
says: [
"<span class=\"avatar\"></span>Неужели?!",
"<img src=\"../examples/dom.png\" alt=\"eeee\">",
"Я уже и не надеялась что мне кто-то ответит",
],
reply: [
{
question: "Кто-вы?",
answer: "Ктовы"
},
]
},
Ктовы: {
says: [
"<span class=\"avatar\"></span>Алиса, но сейчас это не важно",
"Мне нужна твоя помощь",
],
}
// end conversation object
} // end conversation object
)
</script>
