Así que estoy creando un juego inactivo y quiero que aparezca una descripción en la parte inferior cada vez que pasas el cursor sobre un botón. Le he dado a cada botón una identificación y una clase, la clase es para detectar cuándo pasa el mouse sobre cualquier botón y la identificación para establecer los datos para la descripción. Para su información, también estoy usando Jquery.

Aquí está el código:

HTML:

 <button id="pick" class="shopButton">Pick a carrot</button> <button id="refine" class="shopButton"Refine carrots</button>

JS:

 $(".shopButton").mouseenter(function showDescription() { document.getElementById('description').style.display = "block"; document.getElementById('descriptionHeader').innerHTML = document.getElementById('descriptionText').innerHTML = }); const pick = { header = "Header"; text = "Text"; }

¿Cómo debería hacer esto?

Todavía no he probado nada porque no sé qué funcionaría (soy bastante nuevo en js)