@IMWRITER

Как сохранить прогресс в LocalStorage?

Имею код представленный ниже, по факту это чат с вариантами ответа, нужно каким-то образом сохранить весь прогресс, как используя 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>

617292b36e8fe371001677.png
  • Вопрос задан
  • 74 просмотра
Пригласить эксперта
Ответы на вопрос 1
@Wispik
localStorage.Название переменной = сюда сохраняешь всё что нужно
Ответ написан
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы