JSFiddle - React, Tailwind, and code Playground

HTML

<p class="bar">Cheese</p>
<p class="bar2">Mushroom</p>
<p id="result">Make

</p>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>

JavaScript

$(document).ready(function(){
    
   var baq;
    console.log(baq);
$('.bar')
    .click(function(){
        baq = 'cheese';
    console.log(baq);
  document.getElementById("result").innerHTML=baq;
    })
$('.bar2')
    .click(function(){
        baq += 'mushroom';
 document.getElementById("result").innerHTML=baq;
    })

});