2

Пример кода js

в local storage данные есть

В чем же ошибка ? При том, что данные "ross" ,были введены и отображаются.

var myButton = document.querySelector('button');
var myHeading = document.querySelector('h1');
function setUserName() {
  var myName = prompt('Please enter your name.');
  localStorage.setItem('name', myName);
  myHeading.innerHTML = 'Mozilla is cool, ' + myName;
}

if(!localStorage.getItem('name')) {
  setUserName();
} else {
  var storedName = localStorage.getItem('name');
  myHeading.innerHTML = 'Mozilla is cool, ' + storedName;
}

myButton.onclick = function() {
  setUserName();
}

вот полный код скрипта

2
  • 2
    у вас нет h1 в разметке 27 фев 2019 в 6:39
  • Спасибо! Так и не было. все заработало.
    – Ross
    27 фев 2019 в 6:48

2 ответа 2

3

У Вас отcутствует тег h1 в html разметке.

Это можно понять из сообщения об ошибке и вашего кода:

В самом начале Вы делаете поиск первого попавшегося h1 на странице

var myHeading = document.querySelector('h1');

А затем этому элементу пытаетесь изменить свойство:

myHeading.innerHTML = 'Mozilla is cool, ' + storedName;

При всем этом отладчик Вам сказал, что он не может поменять свойство innerHTML у объекта, который null;

Если учесть то, что нигде больше изменения значения переменной myHeading не происходит, можно сделать вывод что document.querySelector не нашел то, что искал.

1

Вам же ошибка говорит что NULL, и что скрип не может установить NULL.

const body = document.querySelector('body')
let name = prompt('Ok?');
console.info(name);
body.innerHTML = `<p>${name}</p>`;

UPD Как верно подметили в комментарии, проверьте, что нашелся элемент, в который вы вставляете данные.

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.