Algunos antecedentes: estoy trabajando en un archivo .html donde resuelvo algunos ejercicios de JavaScript. Escribo la descripción del ejercicio como html donde también tengo una tabla con ejemplos de entradas y sus correspondientes salidas. Luego he creado un formulario que toma una salida y al hacer clic en un botón aparece la salida. Dentro de las etiquetas del formulario incrusto el script donde tengo varias funciones.

Descubrí JSDoc y logro mostrar la documentación de la función cuando la uso en el archivo .js, pero cuando uso la función en el archivo .html no sucede nada. Estoy usando VSCode y cuando comienzo a escribir el nombre de la función, ni siquiera aparece en la sugerencia automática.

Aquí está mi código .html:

 <form> <label>Input: </label> <input type = text id="input3"> <label> Output:</label> <input type = text id="output3"> <br><br> <button type="button" onclick=addRem()>Get output</button> <script src="utils_for_jsExcercises.js"></script> <script> function addRem() { const input = parseArray("input3"); const init = 1; let output = []; let current = init; for (let i=0; i<input.length; i++) { switch(input[i]) { case "add": { output.push(current); current += 1; break; } case "remove": { output.pop(); current +=1; break; } } } if (output.length === 0) { console.log("Empty"); } else console.log(output); } </script> </form>

Y mi archivo .js:

 /** * Does stuff * @param {sting} outputString * @param {string} outputID */ function printOutput(outputString,outputID) { let output=document.getElementById(outputID); output.value = outputString; }

¿Es posible hacer que JSDoc funcione en el archivo .html o al menos en la sugerencia automática para el nombre de la función?