如何 select 输入元素和 return 结果

Question

我有一个以名字和姓氏作为输入的表单。我想要 return 全名 + 其他功能（正在运行）。代码如下所示：

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()
}

它return只是 a() + b() + c() 的值。

奖金问题：我希望控制台以这种格式登录：

fullName:
a()
b()
c()

我试过：

//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`));

我看到它适用于字符串或数字，不知道如何让它适用于函数。

提前致谢。

Answer 1

您不能只在脚本中的某处声明名字和姓氏并希望它神奇地更新。您必须在使用它们之前正确获取信息

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 %o b is %o c is %o", a(), b(), c());
}

Answer 2

这是一个例子。

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="">

如何 select 输入元素和 return 结果

How to select input elements and return result

javascript

forms

function

console.log