11 - Agregar un nodo de texto (appendChild - createTextNode)



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)
}
Ver solución


Retornar