Mail.ruПочтаМой МирОдноклассникиВКонтактеИгрыЗнакомстваНовостиКалендарьОблакоЗаметкиВсе проекты

HTML , JavaCript , чего не хватает в коде , что я сделал не так?

Дмитрий Макаренко Мастер (2245), на голосовании 6 месяцев назад
эти коды позволяют отправлять данные из формы на вторую страницу , по идее всё должно работать , потому что мне эти коды дали очень умные люди , но почему то данные не отправляются , я посмотрел в коде элемента и там ошибки Uncaught TypeError: Cannot read properties of null (reading 'reduce') и такая же ошибка на втором коде TypeError: Cannot read properties of null (reading 'appendChild') . Я думаю что я забыл просто что то написать в коде , может id где то забыл или ещё что то . Вот весь код
Первый код:
forming.html
 


Sign Up Form












myforming.html
  

The Email is equal to: Email

The Password is equal to Password

The Mobile is equal to Mobile

The Telephone is equal to Telephone




Дополнен 7 месяцев назад
Скрипт 2 кода
forming.html
function getData() {
//getting the values
var email = document.getElementById("email").value;
var password= document.getElementById("password").value;
var telephone= document.getElementById("telephone").value;
var mobile= document.getElementById("mobile").value;
//saving the values in local storage
var users = JSON.parse(localStorage.getItem('users')) || [];
users.push({ email, password, telephone, mobile });
localStorage.setItem("users", JSON.stringify(users));
}
myforming.html
window.onload = function() {
var users = JSON.parse(localStorage.getItem('users')) || [];
var dataField = document.getElementById('data-field');

users.forEach(function(user) {
var paragraph = document.createElement('p');
paragraph.innerHTML = 'Email: ' + user.email + ', password: ' + user.password+ ', telephone: ' + user.telephone + ', mobile: '+user.mobile;
dataField.appendChild(paragraph);
});
}
Голосование за лучший ответ
Ахунбек Чекалович Знаток (253) 7 месяцев назад
ты нарушил первое правило офтальмолога ты забыл приписать запятую в пятой строке
Дмитрий МакаренкоМастер (2245) 7 месяцев назад
где конкретно? в какой части? чё то я ослеп , не вижу
Татьяна Шеховцова Высший разум (520919) 7 месяцев назад
// Где myForm это id формы

Ну и где у тебя то id прописано?

А localStorage от таких "разовых" данных неплохо было бы чистить
Дмитрий МакаренкоМастер (2245) 7 месяцев назад
я добавил в <form id="myForm" action="myforming.html"> , но почему то всё равно не работает . Или id нужно было не в форму ?
Татьяна Шеховцова Высший разум (520919) Дмитрий Макаренко, туда, туда. Только там ё-моё сколько ошибок дальше. Проще заново написать, чем разбираться в их коде. Пусть сами разбираются что наворотили
LV Мудрец (17199) 7 месяцев назад
можно передавать значения в скрытые полях в формы.localStorage-не самая лучшая практика
V̲i̲s̲t̲a̲s̲t̲e̲r̲ Искусственный Интеллект (263887) 7 месяцев назад
Если есть решимость шифрования персональных данных из формы, то их можно передать в URL. Шифрование это отдельная задача

например:
файл отправки
  

Первая форма












файл приемки
  

Вторая форма











Оракул (50099) 6 месяцев назад
 привет  
ты разбираешься
в скриптах js❓

умеешь и понимаешь
в видео плеере html5
с плейлистом

сможешь помочь❓

при нажатии стрелки вперёд
для следующего видео

в плейлисте нет никаких подвижек

а если нажать в самом плейлисте
на выбранное видео

то
работает

вот
есть архив того плеера
он в zip

скачать
распаковать
и открыть
index.html
в браузере

вот ссылка
https://cloud.mail.ru/public/BvFt/9UXDGmwnk
Александр Лонберг Мыслитель (8862) 7 месяцев назад
В таком примере, новая страница откроется с параметрами запроса после "myforming.html?email=...". И весь этот код можно отремонтировать одной кнопкой "Delete".
А на второй странице получить все данные одной строкой:
 const params = (new URL(document.location)).searchParams 
или "document.baseURI"
Похожие вопросы