最近我决定尝试将小项目付诸实践，这些项目与课堂上完成的项目不同。

这个有一个简单的目标：

我有一个图像和它旁边的一个按钮。每次按下按钮时，它都应该在按钮本身之前创建一个与第一个具有相同类和内容的 img 标签。

// From HTML

const content = document.querySelector('#content');
const addBtn = document.querySelector('#btn-plus');

// Function

function addImagem(){

    const img = document.createElement('img'); // create img
    img.classList.add('imgQ'); // give this img a class ('imgQ')
    img.innerHTML = ''; // give this img a HTML content

    content.insertBefore('img','addBtn'); // insert this img before add button inside div


}


//Event

addBtn.forEach((Btn)=> Btn.addEventListener('click',addImagem())
);





    
    
           
    
    
    
        


    

        
Cats! Anyway
    
    
                
    

        

                

            
        

    

    

首先，我更改了 getElementById > querySelector，然后重写注释想法步骤的所有内容。由于它不起作用，我在这里阅读了几个问题并查看了 yt。还尝试删除 forEach，但是当我这样做时，第二个元素没有出现在里面。在这两种情况下，添加按钮都不起作用。