Escribo código html esto
<input type="text" class="inputstyle" id="text" name="text">así que este es el código JS
function addtolist() { //get input var textappend = document.getElementById("text").innerHTML; console.log(textappend); console.log(typeof (textappend)); console.log(choice) if (textappend != "") { choice.push(textappend); // append text to choice } document.getElementById("list").innerHTML = choice; // output list } Y hago un botón si hago clic en el botón. El botón llamará a la función addtolist() y esta función agregará id = "texto" (cadena de tipo) a la opción (matriz brank). Intento ingresar el texto "Hello World" en <input> pero la función addtolist() una cadena en blanco a la opción. idk por qué ayúdame a resolverlo pls. (perdón por mi gramática, no sé inglés profesional)
Para obtener el valor de un elemento <input type="text" , use .value en lugar de .innerHTML .
var textappend = document.getElementById("text").value;Entonces, suponiendo que tiene un h1 dentro de HTML que contiene el texto que desea usar, puede usar .value en lugar de .innerhtml , le sugiero que lo use a medida que su proyecto crece usando .innerhtml puede volverse complejo, así que use .value en su lugar.
Este debería ser su código JS:
function addtolist() { //get input var textappend = document.getElementById("text").value; console.log(textappend); console.log(typeof (textappend)); console.log(choice) if (textappend != "") { choice.push(textappend); // append text to choice } document.getElementById("list").innerHTML = choice; // output list }¡Espero que ayude!