Soy nuevo en HTML/CSS/Javascript para tu información. Así que tengo una lista de elementos en html usando una etiqueta ul y varias etiquetas li . No entiendo cómo solo puedo agregar un li si existen datos.
Por ejemplo: estoy usando firebase como backend. Digamos que tenemos una lista guardada en firebase llamada myList:
myList = ["dog", "cat", "pig"] Entonces, ahora mismo, si fuera a usar esta lista, necesitaría 3 etiquetas li .
<ul> <li>dog</li> <li>cat</li> <li>pig</li> </ul>Pero digamos que otro usuario agrega un cuarto elemento llamado "vaca". Así que ahora myList es igual a:
myList = ["dog", "cat", "pig", "cow"] Solo tengo 3 etiquetas li , entonces, ¿cómo agrego ahora una cuarta a mi código para que presente la vaca en la lista? Entiendo que en otros idiomas podría usar un bucle for para la cantidad de puntos de datos que haya en su lista, pero html no tiene bucles for, entonces, ¿cómo hago esto?
usa este ejemplo
var node = document.createElement("LI"); // Create a <li> node var textnode = document.createTextNode("Water"); // Create a text node node.appendChild(textnode); // Append the text to <li> document.getElementById("myList").appendChild(node); // Append <li> to <ul> with id="myList"