По первому вопросу вроде бы сделал:
<html>
<p align="center">Нажатие на кнопку несколькими пользователями</p>
<p id="block1" style="display:block;">
<button onclick="ShowButton2()">Кнопка1</button>
</p>
<p id="block2" style="display:none;">
Авторизован [Пользователь1] <button onclick="ShowButton2()">Кнопка2</button>
</p>
</html>
<script>
function ShowButton2() {
if (document.getElementById("block1").style.display == "block"){
document.getElementById("block1").style.display = "none";
document.getElementById("block2").style.display = "block";
} else {
document.getElementById("block2").style.display = "none";
document.getElementById("block1").style.display = "block";
}
}
</script>
Теперь представим ситуацию: открыли страницу - нажали на "Кнопка1" (первый пользователь) - страница поменяла состояние и показывает вместо "Кнопка1" текст "Авторизован Пользователь1" и "Кнопка2" -> открываем вторую вкладку (т.е. зашел второй пользователь).
Сейчас состояние страницы сбрасывается на исходное, т.е. второму пользователю показывается "Кнопка1".
Вопрос: как сделать так, чтобы сохранить состояние страницы и показывать второму пользователю "Авторизован Пользователь1" и "Кнопка2"?
Скриншот:
https://pastenow.ru/GL9C8