Basic function JS not working

Question

I'm looking for load a function while i click on a button. I'm learning JS ...

function changeStyle(){
 var paragraphe = document.getElementById('monParagraphe');
 paragraphe.style.backgroundColor="#000";
}
 
function load(){
 var buttonElt = document.getElementsByTagName('button');
 buttonElt.addEventListener('click', changeStyle)
}

<p id=’monParagraphe’>Lorem ipsum dolor sit amet, consectetur adipisicing
 elit, sed do eiusmod
 tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
 quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
 consequat.
</p>
<button onclick=changeStyle()>Changer le style</button>
 

• Sebastian Simon: Use id="monParagraphe" instead of id=‘monParagraphe’.
• ju_: You are binding the click listener twice. Either do the load() fuction or the onclick=...
• haestan: my god ... i'm so stupid ! Thank you very much :)
• Jeremy Thille: Why are you getting those weird ’ instead of regular quotes? Are you writing your JS in Word?
• Sebastian Simon: Possible duplicate of alert pop-up not showing

Answer 1

Wrong tokens are used "".

function changeStyle(){
 var paragraphe = document.getElementById('monParagraphe');
 paragraphe.style.backgroundColor="#000";
}
function load(){
 var buttonElt = document.getElementsByTagName('button');
 buttonElt.addEventListener('click', changeStyle)
}

<p id="monParagraphe">Lorem ipsum dolor sit amet, consectetur adipisicing
 elit, sed do eiusmod
 tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
 quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
 consequat.
</p>
<button onclick="changeStyle()">Changer le style</button>