Me enfrento a un problema al mostrar Me gusta y No me gusta después de cada respuesta de mi chatbot y debería mostrar un mensaje diferente tanto para Me gusta como para No me gusta.

He usado JS, que puede mostrar el ícono y cambiar su color al pasar el mouse, pero no puedo lograr la respuesta.

 var feedback = document.createElement("div"); feedback.className = "rating"; responsePara.appendChild(feedback); // like button var like = document.createElement("div"); like.className = "like grow"; var thumbsUp = document.createElement('i') thumbsUp.className = "fa fa-thumbs-up fa-2x like"; thumbsUp.ariaHidden = true; feedback.appendChild(like); like.appendChild(thumbsUp) // dislike button var dislike = document.createElement("div"); dislike.className = "dislike grow"; var thumbsDown = document.createElement('i') thumbsDown.className = "fa fa-thumbs-down fa-2x dislike"; thumbsDown.ariaHidden = true; feedback.appendChild(dislike); dislike.appendChild(thumbsDown) $('.like, .dislike').on('click', function() { event.preventDefault(); $('.active').removeClass('act`enter code here`ive'); $(this).addClass('active'); })