Question

0

241

Views

How can I solve Uncaught TypeError?

While trying to push element in array, I receive an error:

main.js:1 Uncaught TypeError: Cannot read properties of null (reading 'document') at main.js:1:50

Here is my code:

<!DOCTYPE html>
<html>

<body>
  <button id="input">Click Here</button>

  <script>
    const newItem = document.getElementById('.input').document.addEventListener('click', function(addNewItem) {
      let move = ["L", "L", "R", "F", "N"];
      const newMove = move.push('newItem');
      console.log(newMove);
    })
  </script>

</body>

</html>

about 4 years ago · Juan Pablo Isaza

2 answers

Answer question

0

The error is being caused by document.getElementById('.input'). which returns null. There is not .input element, you need to use the correct spelling, like this: 'input'

about 4 years ago · Juan Pablo Isaza Report

0

Answer question

Find remote jobs

Accepted Answer · 2022-06-30T07:13:16.747Z

There are two mistakes in your code.

You are targeting the id by using document.getElementById(".input"), however; id in html is input not .input. You have to remove . before input.

Remove document before document.addEventListener

document.getElementById('input').addEventListener('click', function (arg) 
{

});

I have included a modified example of your code below with the appropriate corrections.

<!DOCTYPE html>
<html>
<body>
    <button id="input">Click Here</button>

    <script>
        const newItem = document.getElementById('input').addEventListener('click', function (addNewItem) {
            let move = ["L", "L", "R", "F", "N"];
            const newMove = move.push('newItem');
            console.log(newMove);
        });
    </script>

</body>
</html>

0

241

How can I solve Uncaught TypeError?

2 answers

0

0

There are two mistakes in your code.

I have included a modified example of your code below with the appropriate corrections.

Find remote jobs

Andres GPT