gpt4 book ai didi

javascript - 初学者 Javascript 学分计算器

转载 作者:行者123 更新时间:2023-12-03 07:48:26 27 4
gpt4 key购买 nike

我正在尝试用 javascript 创建一些东西,让我能够计算总学时数。我对此很陌生,我什至不知道从哪里开始。

这是我需要做的:

  • 创建一个网页,用于计算学生在学期中修读的总学时数。
  • 页面应包含单独的输入字段,用于输入学生所修读的一、二和三学分类(class)的数量。
  • 然后,一旦单击结果按钮,就会显示总小时数。使用函数计算总小时数。

这是我所拥有的,我不知道它是否正确,所以不要生气:

<script>
function doSmth(){

var value = document.getElementById("credithour").value;
var doubled = value * 2;
document.getElementById("output").innerHTML = doubled;

}
</script>

<body>

1 credit hour: <input id="credit"><br />
2 credit hour: <input id="credit2"><br />
3 credit hour: <input id="credit3">


<button onclick="doSmth()">calculate</button>
<div id="output"></div>

最佳答案

您已经非常接近了,但看起来有些事情您还没有完全掌握。

  1. 在您的 HTML 中,您声明了 3 个输入框,这是完美的并且你给他们id“credit”,“credit2”和“credit3”。然而你然后只在 JavaScript 函数中获取其中之一,并且即使如此,您仍然使用了错误的名称“credithour”!
  2. 然后在您的函数中,您将检索到的值加倍 当您打算将它们全部加在一起时,从输入框中输入!
  3. 最后,您将显示它以及您的代码实际上看起来 好的。使用设置 HTML 存在一些安全问题 innerHTML 但如果这只是您自己的页面而您不是 允许用户使用它设置字符串应该没问题。不过,请记下以进行调查。

虽然 Stack Overflow 不是一个代码工厂,但我很喜欢你的问题,它很清楚并显示了你迄今为止所做的努力,所以我付出了额外的努力,为你提供了一个你可以使用的有效示例并从中学习。

它不是世界上最完美的 JavaScript,但它足以让您入门。

我还强烈推荐 jsFiddle 来做这类事情,它可以让你快速编写、测试并与世界其他地方共享 JavaScript 代码。单击下面的链接,您将能够编辑我的代码,单击“运行”并查看您的更改如何影响它。然后,您还可以将结果保存到您自己的副本中,只需点击“保存”并复制链接即可!

这是 jsFiddle 可以满足您的要求:https://jsfiddle.net/jcos29eb/2/

这是修改后的代码:

HTML:

<body>

1 credit hour:
<input type="number" id="credit1">
<br /> 2 credit hour:
<input type="number" id="credit2">
<br /> 3 credit hour:
<input type="number" id="credit3">
<br /> Total:
<input id="output">
<br />

<button onclick="doCalc()">Calculate</button>

</body>

JavaScript:

function doCalc() 
{
var value1 = document.getElementById("credit1").value;
var value2 = document.getElementById("credit2").value*2;
var value3 = document.getElementById("credit3").value*3;
var total = Number(value1) + Number(value2) + Number(value3);
document.getElementById("output").value = total;
}

我的最终建议是花一些时间浏览 W3Schools JavaScript Tutorial它非常清晰、易于理解,涵盖了大量 JS 基础知识和一些更复杂的内容。

关于javascript - 初学者 Javascript 学分计算器,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/35109433/

27 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com