javascript - JS基本功能不起作用

Question

我正在寻找在单击按钮时加载功能。我正在学习 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>

   

Answer 1

使用了错误的标记“”。

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>