JSFiddle - React, Tailwind, and code Playground

HTML

<label for="What_is_planning">What is planning</label>
<br>
<label for="What_is_implementing">What is implementing</label>
    <br>
<div class="result">
    
</div>

JavaScript

$(document).ready(function() {
    $('label').mouseover(function() {
        var helpString = this.firstChild.nodeValue.replace(':', '').trim();
        
        var answerString = "<br>No Answer";
        $(".result").html(" <hr><b>Guest: </b>" + helpString);
        $(".result").append(" <div><b>Answer: </b>" + answerString);
        console.log(helpString);
    });
    
var QandAData = '{"gfsdata":[{"question":"what is planning","answer":"This is a important part of life"},' +
    '{"question":"what is implementing","answer":"this is followed by planning"}]}';
 
    //Comparing answers
    for(var i = 0; i < QandAData.length; i++)
{
  if(QandAData[i].gfsdata.question = 'what is planning')
  {
      answerString = QandAData[i].gfsdata.answer;    
  }
}
});