Как добавить p в div в другой div при нажатии (с базовым c JS)?

Question

У меня есть всплывающий div. Он содержит список из 4 пс, каждый со своим собственным идентификатором. Я хочу добавить внутренний HTML одного из этих ps в списке к другому p на веб-странице при щелчке по нему, но по какой-то причине мой код не работает. Функции для каждого из ps (JS):

document.getElementById("p1").onclick = function() {
               var newItem = document.createElement("div")
               newItem.innerHTML = document.getElementById("p1").innerHTML    
                document.getElementById("bdiv").appendChild(newItem)
           } 
           document.getElementById("p2").onclick = function() {
               var newItem = document.createElement("div")
               newItem.innerHTML = document.getElementById("p2").innerHTML
               document.getElementById("bdiv").appendChild(newItem)
           }  
           document.getElementById("p3").onclick = function() {
               var newItem = document.createElement("div")
               newItem.innerHTML = document.getElementById("p3").innerHTML
               document.getElementById("bdiv").appendChild(newItem)
           }
           document.getElementById("p4").onclick = function() {
               var newItem = document.createElement("div")
               newItem.innerHTML = document.getElementById("p4").innerHTML
               document.getElementById("bdiv").appendChild(newItem)
           }

Установка внутреннего HTML элементов p (JS):

 document.getElementById("bradd").onclick = function() {
               document.getElementById("p1").innerHTML = "Cereal"
               document.getElementById("p2").innerHTML = "Juice"
               document.getElementById("p3").innerHTML = "Whole milk"
               document.getElementById("p4").innerHTML = "Toast"
           }

HTML:

<div id="dropdownList">
                        <p id="p1" onclick="p1Clicked()">Option1</p><br><br>
                        <p id="p2" onclick="p2Clicked()">Option2</p><br><br>
                        <p id="p3" onclick="p3Clicked()">Option3</p><br><br>
                        <p id="p4" onclick="p4Clicked()">Option4</p>
                    </div>

<input type="checkbox"> 
            <p>Breakfast:</p>
            <button class="addbutton" id="bradd">+</button>
            <div id="bdiv"></div>