Ошибка Js "Uncaught TypeError: Cannot set properties of null (setting 'innerHTML')" как исправить?

@pbarovsky · Регистрация: 02.04.2022

Author24 — интернет-сервис помощи студентам

Сам недавно начал заниматься js. Решил написать чат на сокете и экспресс по видео. Писал всё ровно по видео.
Столкнулся с ошибкой Uncaught TypeError: Cannot set properties of null (setting 'innerHTML').
Понял, что переменная не может получить параметры и получается null.

Помогите исправить ошибку. Перестановка объявления скрипта в html не помогает.

ошибку выдаёт строчка кода:
nameBlock.innerHTML = (UserName);

JS код (main.js):

Javascript

const socket = io(); 
const  message = document.querySelector('.message');
const form = document.querySelector('.form');
const input = document.querySelector('.input');
const nameBlock = document.querySelector('name');
 
const UserName = prompt('Ваше имя:');
nameBlock.innerHTML = (UserName);

HTML код:

PHP/HTML

<!DOCTYPE html>
<html lang="ru">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>chat</title>
    <link rel="stylesheet" href="main.css">
    <link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500&display=swap" rel="stylesheet">
 
</head>
<body>
    <header>  
        <u class="message"></u>
 
        <form class="forma">
            <div class="name"></div>
            <input type="text" class="input" autocomplete="off">
            <button class="btn">send</button>
        </form>
    </header>
 
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.0/jquery.min.js"></script>
    <script src="/socket.io/socket.io.js"></script>
    <script src="./main.js"></script>
</body>
</html>

@gogolik · 02.04.2022, 23:50

Точки нет в названии класса.

@pbarovsky · 03.04.2022, 15:44 **[ТС]**

СПАСИБО БОЛЬШОЕ!!!
Долго сидел, ругался, не видел ошибку.

@gogolik Модератор 2684 / 1756 / 760 Регистрация: 13.03.2010 Сообщений: 5,838
	02.04.2022, 23:50	2
	Сообщение было отмечено pbarovsky как решение Решение Точки нет в названии класса. 1

@pbarovsky 0 / 0 / 0 Регистрация: 02.04.2022 Сообщений: 6
	03.04.2022, 15:44 [ТС]	3
	СПАСИБО БОЛЬШОЕ!!! Долго сидел, ругался, не видел ошибку. 0

Опции темы

Ошибка Js "Uncaught TypeError: Cannot set properties of null (setting 'innerHTML')" как исправить?

Решение