Tengo un formulario con nombre y apellido como entrada. Quiero devolver el nombre completo + otras funciones (que están funcionando). el código se ve así:
const firstName = document.getElementById("fname").value; const lastName = document.getElementById("lname").value; function fullName(firstName, lastName) { const full = firstName + " " + lastName; return full; }. . .
function myFunction() { document.getElementById("result").innerHTML = fullName(firstName, lastName) + a() + b() + c() }devuelve solo el valor de a() + b() + c().
Pregunta adicional: me gustaría que la consola inicie sesión en este formato:
fullName: a() b() c()He intentado:
//console.log(function(a, "\n",b, "\n", c)); //console.log(function({ a }, '\n', { b }, '\n', { c })); //console.log(function(`${JSON.stringify(a)} ${b} ${c}`)); //console.log(function(`a is line 1 b is line 2 c is line 3`));He visto que funciona con cadenas o números, no sé cómo hacerlo funcionar con funciones.
Gracias por adelantado.
No puede simplemente declarar en algún lugar el nombre y el apellido en el script y esperar que se actualice mágicamente. Tiene que obtener la información justo antes de querer usarla.
function myFunction() { const firstName = document.getElementById("fname").value; const lastName = document.getElementById("lname").value; document.getElementById("result").innerHTML = fullName(firstName, lastName) + a() + b() + c(); // console.log supports "format" and %o prints objects console.log("a is %ob is %oc is %o", a(), b(), c()); }Aquí hay un ejemplo.
const firstName = document.getElementById("fname"); const lastName = document.getElementById("lname"); const fullNme = document.getElementById("fullNname"); const getName = document.getElementById("getName"); getName.addEventListener("click", () => fullNname.value = fullName(firstName, lastName)+" "+otherFunction()) function otherFunction() { return "otherFunction"; } function fullName(firstName, lastName) { return firstName.value + " " + lastName.value; } <input type="text" id="fname" name="fname" value="Takeshi"> <input type="text" id="lname" name="lname" value="Kovacs"> <button type="button" id="getName"> get Name </button> <input type="text" id="fullNname" name="fullNname" value="">