Попытка отправить значение пользователя в другой файл HTML
Как отправить имя пользователя из HTML-файла в другой HTML-файл и показать его на сайте?
это внутри домашней страницы
<div class = "enterUserName" data-validate = "Enter username">
<input class = "input1" type = "text" name = "username" placeholder = "Player Name">
<span class = "hi" data-placeholder = ""></span>
</div>
<div class = "container-login102">
<button type = "button"class = "login" onclick = "location.href='Index.html'">
Start Playing
</button>
</div>
Вы хотите сохранить его, как в базе данных, или просто показать его для сеанса, как локальное хранилище?
просто чтобы показать это локальное хранилище
Попробуйте некоторые из этих w3schools.com/html/html5_webstorage.asp, вам просто нужно прикрепить их к событию клика и сделать ввод переменной
![Безумие обратных вызовов в javascript [JS]](https://i.imgur.com/WsjO6zJb.png)
Ответы 1
Вот как вы могли бы реализовать это с помощью местное хранилище:
<div class = "enterUserName" data-validate = "Enter username">
<input id = "input1" type = "text" name = "username" placeholder = "Player Name">
<button onclick = "saveUserName()">Save</button>
<button onclick = "getUserName()">display</button>
<span class = "hi" data-placeholder = ""></span>
</div>
<div class = "container-login102">
<button type = "button" class = "login" onclick = "location.href='Index.html'">
Start Playing
</button>
</div>
<p id = "display"></p>
<script>
function saveUserName() {
localStorage.setItem('userName', document.getElementById('input1').value)
}
function getUserName() {
if (localStorage.userName) { // userName exists
document.getElementById('display').innerHTML = localStorage.userName;
}
}
</script>Однако при использовании localStorage значение доступно только в том же источнике, см. здесь, в противном случае вам понадобится прокси-сервер на стороне сервера.
Я получаю ошибки при попытке выполнить ваш JavaScript. { "message": "SecurityError: The operation is insecure.", "filename": "https://stacksnippets.net/js", "lineno": 30, "colno": 0 }
@Джоэри, см. это
спасибо, но как получить отправленную переменную из другого файла HTML (в данном случае index.html) и нарисовать ее?
Запустите localSrorage.userName в консоли на index.html (после запуска функции saveUserName() на другой странице), какое возвращаемое значение?
С сессиями не пробовали?