从javascript函数获取结果以在html元素中显示。我可以让它与console.log(golfScore(4，3))一起工作；但不能使用用户输入
从javascript函数获取结果以在html元素中显示，可以通过以下步骤实现：
- 首先，在HTML文件中创建一个用于显示结果的元素，比如一个
<div>元素，可以给它一个唯一的ID，例如<div id="result"></div>。 - 在JavaScript中，编写一个函数来计算结果，比如
golfScore函数。确保该函数返回一个结果。 - 在JavaScript中，使用
document.getElementById()方法获取到要显示结果的元素，将其存储在一个变量中。 - 在JavaScript中，使用
innerHTML属性将结果赋值给要显示结果的元素。
下面是一个示例代码：
<!DOCTYPE html>
<html>
<head>
<title>显示函数结果</title>
</head>
<body>
<div id="result"></div>
<script>
function golfScore(score1, score2) {
// 这里是计算结果的逻辑
var totalScore = score1 + score2;
return totalScore;
}
// 获取要显示结果的元素
var resultElement = document.getElementById("result");
// 调用函数并将结果显示在元素中
resultElement.innerHTML = golfScore(4, 3);
</script>
</body>
</html>在上面的示例中，golfScore 函数计算了两个分数的总和，并将结果赋值给 totalScore 变量。然后，使用 innerHTML 属性将 totalScore 的值显示在 <div> 元素中。
这样，当页面加载时，函数的结果将自动显示在指定的元素中。注意，这里的示例中使用了硬编码的分数值，你可以根据实际需求修改为动态获取分数的方式。
相关·内容
Getting results from a javascript function to display in html element.我可以让它与console.log(golfScore(4，3))一起工作；但不能使用用户输入。我很确定问题出在这一行document.getElementById(&qu
浏览 40提问于2020-09-24得票数 0
回答已采纳
我想问一问，在不提交表单的情况下，是否可以从html表单中得到一个值？我不能让它在html或php中工作，或者我遗漏了什么。请帮帮忙。请参阅下面的工作代码：
<FORM name="myForm" action="confirmsold.php" method="post" onsubmit="retur
浏览 3提问于2016-08-10得票数 1
合并javascript回调和显示模块模式有问题。我要做的是用carsData.getCars()函数方法返回HTTP文本。基本上我想做的是：
我
浏览 2提问于2016-06-03得票数 0
回答已采纳
这个标题有点让人困惑，因为我觉得很难解释。基本上，我可以让一个输入按钮具有一个id名称，JavaScript函数会将其存储到一个变量中，并通过用变量替换空的段落标记来显示它。但是，我无法让它与具有相同功能的多个按钮一起工作，因为我正在尝试使用一个带有按钮的数字键盘，并让它<e
浏览 0提问于2017-04-14得票数 0
2回答
几个月前，我写了一些东西来从google API获取纬度或经度。后来，我从drupal获得了世界上大部分城市的纬度或经度的数据库。我听说HTML5支持访问者的纬度或经度，但我需要他们出生地的纬度或经度，或者他们想用来填写表单的城市。如何从API中获取<
浏览 0提问于2011-01-10得票数 0
回答已采纳
我有一个用于输入字段的指令，该字段使用transclusion来获取包含在指令元素中的元素，其中包含一个ng-model属性。在阅读了无数这样的问题和有角度的文档，以了解如何让被屏蔽的html中的ng-model与我的指令中的ng-model同步之后，我最终偶然发现了一个让它正常工作的技巧。柱塞图：
我试图通过
浏览 5提问于2015-03-17得票数 0
回答已采纳
CSS:a:active { transform: translateY(4px) }
:active样式可正确触发鼠标单击，但不触发按键。我能用CSS来解决这个问题吗？
浏览 5提问于2015-09-08得票数 17
回答已采纳
2回答
更改数组的元素
、、
</li>';Javascript： for(i=1; i<=10; i++){ document.getElementById('p'+1).style.display='none';}
正如您所看到的，我在函数之外声
浏览 10提问于2015-02-11得票数 1
回答已采纳
我已经成功地产生了正确的输出，但是，由于我正在echo中使用，动态内容显示在我的WordPress内容区域的顶部，而不是在我输入的位置。我明白在阅读后，我需要return我的价值，使它出现在正确的地方.但是，javascript结束了函数，因此我忽略了包含最终将插入正确时间值的javascript (javascript
浏览 0提问于2018-09-12得票数 0
回答已采纳
2回答
我有一个输入字段在这里，我试图组合值属性
value={this.state.oddsvalue={thi
浏览 4提问于2020-05-13得票数 1
回答已采纳
1回答
我一直在使用普通的JavaScript创建一个音频播放器来操作<audio>元素。</div>
我的解决方案通过实现window.
浏览 3提问于2017-11-08得票数 2
回答已采纳
我的html中有一段javascript，它获取表单输入，将其放入一个函数中，然后返回一个json。然后，我希望根据此json中的值隐藏或显示某些表单元素。目前，除了更改我试图隐藏/显示的元素的style.display属性之外，我可以很好地完成所有这些工作，我<e
浏览 4提问于2021-02-24得票数 0
回答已采纳
4回答
当您使用iOS (iPhone)点击网页上的select输入时，一个旋转小部件(“选择器”)弹出，并允许您在该选择中旋转并选择选项。假设您已经访问了其中一个，选择器部件是打开的。虽然这是打开的，但是如果您使用javascript来修改select选项(通过dom添加、删除、更新选项)，那么除非用户关闭并重新打开小部件，否则这些更改不会在小部件中得到反映。编辑:下面是一个示例，您可以使用它来观察更新select选项如何不更新选择器部件：
<select id="my-sel
浏览 14提问于2013-08-20得票数 8
回答已采纳
3回答
我试图做一个“尝试-它自己”的编辑器，但不使用框架。因此，我添加了两个文本区域，一个用于代码，另一个用于显示结果。我还添加了一个"Run“按钮。我编写了以下函数在第一个文本区域执行代码，并在第二个文本区域显示结果：var Code= document.getElementById('code').value;
document
浏览 5提问于2018-03-14得票数 1
回答已采纳
1回答
我正在为学校的一个项目工作，其中一个人可以通过使用Selection.js (视觉选择转换为HTML元素)来创建HTML元素。目前，用户可以在CodeMirror编辑器中编写CSS。在用户通过单击按钮应用CSS之后，样式将通过道具直接插入到创建的React组件槽中。 我的主要目标是允许用户创建具有多个样式规则的多个元素<
浏览 58提问于2019-01-13得票数 2
回答已采纳
我有一个网络应用程序，允许用户提交和保存HTML。用户在几个不同的字段中键入他想要使用的html。有些是文本输入元素，有些是文本区域元素。当用户提交他们的标记时，我将特殊字符转换为html实体。当用户回来编辑他们提交的html时，我从数据库中获取他们的条目，并使用knocko
浏览 2提问于2013-04-03得票数 0
6回答
在单击一个按钮时，我试图在一个花哨的框中显示一个简单的隐藏div。这是可以工作的代码但据我所知，这似乎不是实现这一目标的标准方法。我尝试了以下每一种方法，但都没有成功：
$("#btnForm").fancybox({ href: "#divFor
浏览 89提问于2012-03-19得票数 18
回答已采纳
1回答
我的javascript函数在删除元素时遇到了问题。下面是div菜单中的两个列表 以饮料的类别和饮料本身的类别为特征的。我还有一个按钮，可以打开一个模式框，用户可以在其中键入要删除的饮料类别。我决定通过命名来实现这一点。 使用按饮料类别分类的类，然后使用js函数从input text节点按类名获取元素，并删除<
浏览 48提问于2021-02-25得票数 0
回答已采纳
使用Easy，我想验证用户输入的地址是否准确和真实，然后提供关于有效性的反馈。当然，我们希望保持我们的客户参与，但我们也希望确保他们的提交过程是快速的。延迟的工作，还是让他们
浏览 6提问于2016-06-18得票数 1
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
即时通信 IM
对象存储活动推荐
腾讯云开发者
