JSFiddle - React, Tailwind, and code Playground

HTML

<div onClick="add_basket(this);" class="menu-item burger"> <img  src="img\McDo\bigmac.png"> <p>Big Mac</p> </div>
  <div onClick="add_basket(this);" class="menu-item burger"> <img  src="img\McDo\doubleqp.png"> <p>Double Quarter Pounder</p> </div>


   <ul class="basket" id="basket-mcdo">
    <li>Order</li>
    <li>Mcdo</li>
  </ul>

JavaScript

$(".menu-item").click(function(){
    var text_to_append=$(this).children("p").text();
   $(".basket").append("<li>"+text_to_append+"</li>");
});