Как Исправить эту ошибку?

Question

document.querySelector(&#34;#timepicker_button_2&#34;).addEventListener(&#34;touchstart&#34;, function () {

Socket1TimeHourOn = localStorage.setItem('Hour1On', Socket1TimeHourOn); 
    Socket1TimeMinutesOn = localStorage.setItem('Minute1On', Socket1TimeMinutesOn); 
    Socket1TimeHourOff = localStorage.setItem('Hour1Off', Socket1TimeHourOff); 
    Socket1TimeMinutesOff = localStorage.setItem('Minute1Off', Socket1TimeMinutesOff);

Socket1Name = document.querySelector('.timepicker_name').value; 
    Socket1Name = localStorage.setItem('Name1', Socket1Name); 
    if (Socket1Name) { 
        localStorage.setItem('Name1', Socket1Name) 
        document.querySelector('.first-name').textContent = localStorage.getItem('Name1'); 
        if (Socket1Name.value == &#34;&#34;) { 
            Socket1Name.value = &#34;РОЗЕТКА 1&#34; 
        } 
    } 
    if (Socket1TimeHourOn) { 
        Socket1TimeHourOn = localStorage.getItem('Hour1On'); 
        document.querySelector(&#34;.timepicker_hours_1_on&#34;).textContent = localStorage.getItem('Hour1On'); 
    } 
    if (Socket1TimeMinutesOn) { 
        Socket1TimeMinutesOn = localStorage.getItem('Minute1On'); 
        document.querySelector(&#34;.timepicker_minutes_1_on&#34;).textContent = localStorage.getItem('Minute1On'); 
    } 
    if (Socket1TimeHourOff) { 
        Socket1TimeHourOff = localStorage.getItem('Hour1Off'); 
        document.querySelector(&#34;.timepicker_minutes_1_off&#34;).textContent = localStorage.getItem('Hour1Off'); 
    } 
    if (Socket1TimeMinutesOff) { 
        Socket1TimeMinutesOff = localStorage.getItem('Minute1Off'); 
        document.querySelector(&#34;.timepicker_minutes_1_off&#34;).textContent = localStorage.getItem('Minute1Off'); 
    } 
 
}); 
document.querySelector(&#34;.first-name&#34;).textContent = localStorage.getItem('Name1'); //пометка 
Socket1Name = localStorage.getItem('Name1'); 
 
document.querySelector(&#34;.timepicker_hours_1_on&#34;).textContent = localStorage.getItem('Hour1On'); 
Socket1TimeHourOn = localStorage.getItem('Hour1On'); 
 
document.querySelector(&#34;.timepicker_minutes_1_on&#34;).textContent = localStorage.getItem('Minute1On'); 
Socket1TimeMinutesOn = localStorage.getItem('Minute1On'); 
 
document.querySelector(&#34;.timepicker_hours_1_off&#34;).textContent = localStorage.getItem('Hour1Off'); 
Socket1TimeHourOff = localStorage.getItem('Hour1Off'); 
 
document.querySelector(&#34;.timepicker_minutes_1_off&#34;).textContent = localStorage.getItem('Minute1Off'); 
Socket1TimeMinutesOn = localStorage.getItem('Minute1Off');

Ошибка Саnnot set properties of null (setting 'textContent')  Не знаю в чем может быть дело, все переменные что тут есть были обьявлены ранее.

Professional Professional · Answer

Ошибка &#34;Cannot set properties of null (setting 'textContent')&#34; возникает, когда вы пытаетесь установить свойство для элемента, который не существует в DOM.

В вашем коде есть несколько мест, где это может произойти. Например, если элемент с классом &#34;timepicker_name&#34; не существует на странице, то при попытке установить значение его свойства &#34;value&#34; возникнет ошибка.

Чтобы исправить эту ошибку, вам нужно убедиться, что все элементы, которые вы пытаетесь изменить, существуют на странице. Вы можете использовать методы проверки наличия элемента, такие как `document.querySelector('.timepicker_name') !== null`, чтобы избежать ошибок.

Также, в вашем коде есть ошибка в строке, где вы устанавливаете значение свойства &#34;textContent&#34; для элемента с классом &#34;timepicker_minutes_1_off&#34;. Вы устанавливаете значение переменной &#34;Socket1TimeMinutesOn&#34; вместо &#34;Socket1TimeMinutesOff&#34;.

Исправленный код может выглядеть так:

```
if (document.querySelector('.timepicker_name') !== null) {
  Socket1Name = document.querySelector('.timepicker_name').value;
  localStorage.setItem('Name1', Socket1Name);
  if (Socket1Name) {
    document.querySelector('.first-name').textContent = localStorage.getItem('Name1');
    if (Socket1Name.value == &#34;&#34;) {
      Socket1Name.value = &#34;РОЗЕТКА 1&#34;
    }
  }
}

if (document.querySelector(&#34;.timepicker_hours_1_on&#34;) !== null) {
  Socket1TimeHourOn = localStorage.getItem('Hour1On');
  document.querySelector(&#34;.timepicker_hours_1_on&#34;).textContent = Socket1TimeHourOn;
}

if (document.querySelector(&#34;.timepicker_minutes_1_on&#34;) !== null) {
  Socket1TimeMinutesOn = localStorage.getItem('Minute1On');
  document.querySelector(&#34;.timepicker_minutes_1_on&#34;).textContent = Socket1TimeMinutesOn;
}

if (document.querySelector(&#34;.timepicker_hours_1_off&#34;) !== null) {
  Socket1TimeHourOff = localStorage.getItem('Hour1Off');
  document.querySelector(&#34;.timepicker_hours_1_off&#34;).textContent = Socket1TimeHourOff;
}

if (document.querySelector(&#34;.timepicker_minutes_1_off&#34;) !== null) {
  Socket1TimeMinutesOff = localStorage.getItem('Minute1Off');
  document.querySelector(&#34;.timepicker_minutes_1_off&#34;).textContent = Socket1TimeMinutesOff;
}
```