Сегодня я преодолел большую задачу, заключавшуюся в том, чтобы выяснить, как отслеживать клики пользователей на моей странице, а затем отображать ее для них, чтобы они всегда знали, где они находятся, когда они проходят через эту блок-схему личных финансов.
После поиска в Интернете советов о том, как сохранить нажатия кнопок в виде текста в массиве, а затем отобразить этот массив пользователю, мне наконец удалось это сделать.
Для начала я начал с кода с этого сайта здесь:
Затем я адаптировал их код, чтобы сохранить divID кнопки при нажатии на массив и отобразить его. Затем я дополнительно отредактировал код, чтобы сохранить значения в LocalStorage.
HTML:
JS:
Все это прекрасно работало, пока я не понял, что после сохранения значений, если пользователь обновит браузер и снова нажмет ту же кнопку, одно и то же значение будет повторяться в массиве. Это происходит потому, что когда страница обновляется, style=display:block; тег обновляется до «none», поэтому пользователю нужно снова нажать кнопку, чтобы открыть следующий div. В связи с этим значение затем снова сохраняется в массиве. Это привело к следующему, когда пользователь нажимает кнопку несколько раз.
Я пытался бороться с этим с помощью кнопки и функции «Очистить массив», но все, что он делал, это очищал массив до тех пор, пока кнопка не была нажата снова, и тот же массив, который был сохранен ранее, снова не появился.
Я думаю, что это простая проблема, которую я могу решить, потенциально сохранив действие 'style = display: block' по нажатию кнопки в LocalStorage, но я не уверен на 100%, как это сделать, поэтому я исследую это позже .
На данный момент я просто рад, что базовый механизм сохранения значения divID в массив и последующего отображения его пользователю работает.
Я использую тестовую страницу, чтобы опробовать эту новую функцию. Я не думаю, что буду реализовывать это на реальном сайте, пока не разберусь с этой проблемой, а также не установлю, какой тип редизайна я буду делать.
