Javascript 将函数传递给innerHTML方法

大家好，我对JS非常陌生，我一直在做这个简单的事情，试图理解JS的基础知识。请帮帮我

我有一个空的H1元素，我想用JavaScript填充内容

我希望H1头包含数组中的名称，并显示“Hello”消息

我想要的是：

innerHTML=greet（名称[0]），用于H1头。我错过了一些琐碎的了解这是如何工作的任何帮助将不胜感激

names = ["Jan", "Klaas", "Piet"];
name = namen;



function greet(name){

console.log("Hallo " + name.toLowerCase());
}

document.querySelector('h1').innerHTML = greet(names[0]);

---

document.querySelector（'h1'）.innerHTML=greet（名称[0]）；在H1元素中返回为“Undefined”

到目前为止，您没有从方法中返回任何内容，因此得到了

Undefined

， 您需要

从方法返回
值

function greet(name){
  return "Hallo " + name.toLowerCase();
}

函数应该返回字符串

function greet(name){
   return "Hallo " + name.toLowerCase();
}

这里有几件事需要解决。您似乎没有使用namen变量，因此请删除第二行

您还可以在为变量赋值时声明变量名

greet函数需要向控制台返回一个值，而不是日志

var names = ["Jan", "Klaas", "Piet"];

function greet(name){
return "Hallo " + name.toLowerCase();
}

document.querySelector('h1').innerHTML = greet(names[0]);

请参见代码笔，您需要返回字符串，如下所示：

names = ["Jan", "Klaas", "Piet"];

function greet(name){
    return ("Hallo " + name.toLowerCase());
}

document.querySelector('h1').innerHTML = greet(names[0]);

console.log（）。您需要
返回
值以将其分配给
innerHTML
，如上面所示

您也不需要执行赋值
name=namen
，因为
name
只是传递到函数
greet（）
中的值
names[0]
的别名。如果您这样做是为了在其他地方使用，那么最好使用不同于
name
的变量名，否则这将导致以后的混淆和潜在冲突。
您不需要
“name=namen”

您必须从函数返回一些值。
console.log（）打印值。它不返回任何值；您应该改为使用
return
。名称是什么？在函数中还返回一些值，如return name.toLowerCase（）；