Estoy tratando de resaltar SOLO las variables: principal, tasa, interés, año en la declaración de devolución de la función de cálculo. Se requiere de mí que todo el estilo debe estar solo en el archivo CSS. No se permiten hojas de estilo en línea o internas. Todo el código debe estar en el archivo JavaScript solamente. Creé la clase de resaltado en CSS, pero esto resalta toda la oración y no sé cómo resaltar solo partes de una declaración de devolución sin usar en línea.

¿Podría alguien ayudarme/guiarme para saber cómo se hace porque soy nuevo en el uso de estos idiomas? Sería muy apreciado.

Encuentre el código HTML, CSS y JavaScript a continuación.

CÓDIGO HTML

 <!--- On clicking the button it computes the interest by calling the compute() function ---> <button onclick="compute()">Compute Interest</button><br><br> <!--- Show computation result ---> <span id="result" class = "highlight"></span>

CÓDIGO CSS

 /* Highlights the result */ .highlight { background-color: yellow; }

CÓDIGO JAVASCRIPT

 /* Function that computes and returns the result */ function compute() { /* some code */ return document.getElementById("result").innerHTML="If you deposit "+principal+",\<br\>at an interest rate of "+rate+"%\<br\>You will receive an amount of "+interest+",\<br\>in the year "+year+"\<br\>"; }