Problema:Confeccionar una página que contenga una lista de tipo (ul) y no defina marcas de tipo (li) inicialmente. Luego al presionar un botón agregar dos marcas de tipo (li) con sus respectivos textos. Luego de presionar una vez el botón no permitir agregar más elementos (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 id="lista">
</ul>
<input type="button" value="agregar dos (li)" onClick="mostrarSoluciones()">
<script src="funciones.js"></script>
</body>
</html>
function mostrarSoluciones() {
let nt
let obj
let elemento
obj = document.getElementById('lista')
if (obj.children.length != 0)
return
elemento = document.createElement('li')
nt = document.createTextNode('Respuesta 1')
elemento.appendChild(nt)
obj.appendChild(elemento)
elemento = document.createElement('li')
nt = document.createTextNode('Respuesta 2')
elemento.appendChild(nt)
obj.appendChild(elemento)
}