Кто хотел сделать простейшую проверку телефона на странице Спасибо?
Написал код с использованием sessionStorage, и это вышло максимально удобно! 🚀
Шаг 1: Добавляем код на страницу index Перед закрывающим тегом размещаем следующий скрипт:
`document.addEventListener('DOMContentLoaded', () => { const nameInput = document.querySelector('input[name="name"]'); const phoneInput = document.querySelector('input[name="phone"]');
function saveToSessionStorage() { sessionStorage.setItem('name', nameInput.value); sessionStorage.setItem('phone', phoneInput.value); }
nameInput.addEventListener('input', saveToSessionStorage); phoneInput.addEventListener('input', saveToSessionStorage); });
Шаг 2: Добавляем код на страницу success Также перед закрывающим тегом добавляем следующий скрипт:
`const name = sessionStorage.getItem('name'); const phone = sessionStorage.getItem('phone');
const confirmationMessage = document.getElementById('confirmationMessage');
confirmationMessage.innerHTML = <p><strong>Имя:</strong> ${name || 'Не указано'}</p> <p><strong>Телефон:</strong> ${phone || 'Не указано'}</p> ;
На этом вся магия завершилась! Теперь вы можете сами добавить немного стиля и красоты! 💅``