Javascript - Cannot set property 'src' of null at HTMLButtonElement

Question

The error is this one;

app.js:33 Uncaught TypeError: Cannot set property 'src' of null at HTMLButtonElement.

This is the code(javascript):

const playerHand = document.querySelector('player-hand')
playerHand.src = `assets/${this.textContent}.png`;

this is the html

<img class="player-hand" src="assets/rock.png" alt="">

You need to show more code, including how you're setting `playerHand`. — Barmar, Apr 09 '20 at 22:21
This might be helpful: https://stackoverflow.com/questions/14028959/why-does-jquery-or-a-dom-method-such-as-getelementbyid-not-find-the-element — Barmar, Apr 09 '20 at 22:22
What is the value of `playerHand` just before we do `playerHand.src` ? — LearningEveryday, Apr 09 '20 at 22:22
I've tryed to find a solution for ever, but i don't know what Im doing wrong — Pablo Lopez, Apr 09 '20 at 22:30

score 4 · Answer 1 · answered Apr 09 '20 at 22:28

4

You need to change

const playerHand = document.querySelector('player-hand')

By

const playerHand = document.querySelector('.player-hand')

Or put this is in the IMG element

answered Apr 09 '20 at 22:28

scuencag

1

Or maybe it should be `#player-hand`. – Barmar Apr 09 '20 at 22:37
2

@Barmar the OP has posted in the comments that the element is an `img` with a class of `player-hand` – Gabriele Petrioli Apr 09 '20 at 22:39
I dint't see that missinig dot! – Pablo Lopez Apr 09 '20 at 23:12

score 1 · Answer 2 · answered Dec 13 '21 at 14:13

1

You need to concatenate the path to the image like this.

playerHand.src = './assets/'+this.textContent+'.png';

answered Dec 13 '21 at 14:13

Ayesha Arshad

2 Answers2