JavaScript"；“类列表”；切换不是切换元素'；s类名称

我正在努力学习JavaScript技能，但我无法解决这个问题。我想在单击

按钮.terug

时在我的身体中显示一个图像

我尝试使用

classList.toggle（）

从

---

您试图在

元素类列表上切换类名
img.popup，而不是切换类名
popup

更改此项：

var uno = document.querySelector('button.terug');

var popup = document.querySelector('img.popup');

uno.addEventListener ('click', function(){
    popup.classList.toggle('img.popup');
});

为此：

<button class="terug"></button>
<img class="popup" src="images/popup1.png" alt="beoordeling">


检查并运行下面的代码片段，以获取上述代码的实际示例：


/*JavaScript*/
var uno=document.querySelector（“.terug”）；
var popup=document.querySelector（“.popup”）；
uno.addEventListener（'click'，function（）{
popup.classList.toggle（'popup'）；//不需要添加点，因为classList知道参数是对类名的引用。
});
/*CSS*/
img{opacity:0；}
img.popup{opacity:1；}

点击我
脚本是否位于HTML之上？如果是这样的话，当JS运行时HTML就不存在了。不是这样，我粘贴了错误的代码，但是JS在htmlRight下面，看起来事件确实运行了，但是代码没有做任何事情，因为没有名为
img.popup
的类来切换。
uno.addEventListener ('click', function(){
    popup.classList.toggle('img.popup');
});

uno.addEventListener ('click', function(){
    popup.classList.toggle('popup'); // you don't need to add the dot since classList knows that the argument is a reference to a class-name.
});