How can i run all these paragraph?
JavaScript
x
11
11
1
<p>Player 1: Test 1</p>
2
<p>Player 2: Test 2</p>
3
4
const para = document.querySelector('p');
5
para.addEventListener('click', updateName);
6
7
function updateName() {
8
let name = prompt('ENter your name');
9
para.textContent = 'Player 1:' + name;
10
}
11
i know querySelector returns the first element but i want to know how can i return both paragraph. I already tried using querySelectorAll but i do not know how to write it. Sorry iam still learning btw
Advertisement
Answer
I guess this is what are you looking for:
JavaScript
1
7
1
const paragraphs = Array.from(document.querySelectorAll('p'));
2
for (let index in paragraphs) {
3
paragraphs[index].addEventListener('click', () => {
4
const name = prompt('Enter your name:');
5
paragraphs[index].textContent = `Player ${+index + 1}: ${name}`;
6
});
7
}
JavaScript
1
2
1
<p>Player 1: Test 1</p>
2
<p>Player 2: Test 2</p>