Javascript 获取onclick事件以运行函数并将其输出到html元素中

我做了一些超出我能力范围的事情，结果搞砸了。我刚从JS开始。我不明白的两件事： 1） 如何让Id作为参数运行？ 2） 如何获取返回以进入document.getElementById.innerHTML

谢谢你抽出时间

高尔夫球
笔划：
标准：
克里克
应该在这里
功能高尔夫球杆（杆数、杆数）{
如果（笔划==1）{
返回“一杆进洞！”；
}否则，如果（笔划，则必须将输入值作为参数传递

<button onclick="golfScore(document.getElementById('strokeset').value,document.getElementById('parset').value)">klik</button>

klik

试试这个。
您必须将输入值作为参数传递

<button onclick="golfScore(document.getElementById('strokeset').value,document.getElementById('parset').value)">klik</button>

klik

试试这个。
jquery的语法有点混乱

以下是您尝试执行的修复程序：


功能高尔夫球杆（杆杆、杆）{
PAR=文档.GETelEnMyByID（PAR）值；
笔划=document.getElementById（笔划）.value；
t=''
如果（笔划==1）{
t=“一杆进洞！”；
}否则，如果（strokes您对jquery的语法有点混乱

以下是您尝试执行的修复程序：


功能高尔夫球杆（杆杆、杆）{
PAR=文档.GETelEnMyByID（PAR）值；
笔划=document.getElementById（笔划）.value；
t=''
如果（笔划==1）{
t=“一杆进洞！”；
}否则，如果（笔划而不是尝试从onclick传递值，则使用一个函数从输入中获取值，然后使用另一个函数从该函数返回结果并允许将内容放入p。最好将函数（javascript）与代码中的结构（HTML）分开

请注意，您甚至不需要第二个函数-这可以在一个函数中完成，文本也可以更新，但是因为您询问了将值作为参数传递给函数的问题-我想我会在回答中告诉您这一点

还要注意的是，我对输入做了一点修改——输入和js中都应该有一个标签——在与值进行比较/计算之前，您必须将值解析为数字。所有输入（偶数type=“number”输入）都将字符串作为其输出——因此您需要将它们解析为数字


函数golfScore（）{
var strokes=parseInt（document.getElementById（'strokeset'）.value）；
VaR PAR= PARSETIN（文档.GETelEnMyBID（PARSET））值；
document.getElementById（“demo”）.innerHTML=setText（笔划，段落）
}
函数setText（笔划，标准杆）{
如果（笔划==1）{
返回“一杆进洞！”；
}否则，如果（笔划而不是尝试从onclick传递值，则使用一个函数从输入中获取值，然后使用另一个函数从该函数返回结果并允许将内容放入p。最好将函数（javascript）与代码中的结构（HTML）分开

请注意，您甚至不需要第二个函数-这可以在一个函数中完成，文本也可以更新，但是因为您询问了将值作为参数传递给函数的问题-我想我会在回答中告诉您这一点

还要注意的是，我对输入做了一点修改——输入和js中都应该有一个标签——在与值进行比较/计算之前，您必须将值解析为数字。所有输入（偶数type=“number”输入）都将字符串作为其输出——因此您需要将它们解析为数字


函数golfScore（）{
var strokes=parseInt（document.getElementById（'strokeset'）.value）；
VaR PAR= PARSETIN（文档.GETelEnMyBID（PARSET））值；
document.getElementById（“demo”）.innerHTML=setText（笔划，段落）
}
函数setText（笔划，标准杆）{
如果（笔划==1）{
返回“一杆进洞！”；
}else if（笔划）