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";
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"
}]
};
for (var i = 0; i < QandAData.gfsdata.length; i++) {
if (QandAData.gfsdata[i].question == helpString) {
answerString = QandAData.gfsdata[i].answer;
}
}
$(".result").html(" <hr><b>Guest: </b>" + helpString+" <div><b>AskGFS: </b>" + answerString);
});
});