с телефона проверять проблематично)
Для изменения на лету, оберните все это в функцию, которая будет вызываться при каждом изменении любого из инпутов.
Я сейчас взял данный пример и у меня почему то он не работает ( Всплывающие формы не открываются )
Если, Вы, проверяете в хроме, добавьте debugger;
в свой скрипт и смотрите, чего в супе, не хватает. Исправьте.
ЗЫ. Если вы не в хроме, поставьте хром, и перейдите к первому абзацу.
$(".t-input-group_dl") возвращает объект, верно?
В нем два элемента, если и правильно понял. Так и обращайтесь к ним
$(".t-input-group_dl")[0]
$(".t-input-group_dl")[1]
Никогда, от слова совсем, не доверяй данным со стороны клиента.
Так учат на первом занятии по кибербезопасности.
И куки и локал сторадж может быть отредактированное клиентом, и должно быть проверено сервером на точность/соответствие с бд.
Попробуйте положить каждый свой таб в обертку, на которую можно повесить data-attribute.
По нажатию на кнопку проверьте dataset родителя и в зависимости от того закройте нужный таб.
если сделать это через бд, как добиться того, что бы для каждого нового пользователя, это хп было определенно для него?
Вот чтобы не задаваться решением такой задачи и нужно хранить в сессии, она, априори, уникальна для каждого юзера (а мамонт, насколько понимаю, у Вас, таки один). Но, коль скоро, Вам важно знать и запомнить как, быстро и сильно, юзер забил реликтового зверя, в той же сессии добавьте переменную для хранения собсно ударов и их силы/ отнятых хп.
обратное преобразование тут, или тут
с телефона проверять проблематично)
Для изменения на лету, оберните все это в функцию, которая будет вызываться при каждом изменении любого из инпутов.