Problema:Confeccionar una página que contenga una lista de tipo (ul) y definir tres marcas de tipo (li) sin texto. Luego al presionar un botón agregar un nodo de texto a cada marca (li).
<!DOCTYPE html>
<html lang="es">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Prueba</title>
</head>
<body>
<ul>
<li id="opcion1"></li>
<li id="opcion2"></li>
<li id="opcion3"></li>
</ul>
<input type="button" value="ver soluciones" onClick="mostrarSoluciones()">
<script src="funciones.js"></script>
</body>
</html>
function mostrarSoluciones() {
let nt
let obj
nt = document.createTextNode('Respuesta 1')
obj = document.getElementById('opcion1')
obj.appendChild(nt)
nt = document.createTextNode('Respuesta 2')
obj = document.getElementById('opcion2')
obj.appendChild(nt)
nt = document.createTextNode('Respuesta 3')
obj = document.getElementById('opcion3')
obj.appendChild(nt)
}