javascript - 初学者 Javascript 学分计算器-6ren

javascript - 初学者 Javascript 学分计算器

转载作者：行者123 更新时间：2023-12-03 07:48:26

27

4

我正在尝试用 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>

最佳答案

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

在您的 HTML 中，您声明了 3 个输入框，这是完美的并且你给他们id“credit”，“credit2”和“credit3”。然而你然后只在 JavaScript 函数中获取其中之一，并且即使如此，您仍然使用了错误的名称“credithour”!
然后在您的函数中，您将检索到的值加倍当您打算将它们全部加在一起时，从输入框中输入!
最后，您将显示它以及您的代码实际上看起来好的。使用设置 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

文章推荐： javascript - 如何从 JavaScript 中的 API 下载并解析 JSON

文章推荐： javascript - 显示下载量 HTML

文章推荐： javascript - .splice() - 如何保护原始数组？

文章推荐： javascript - 在选择框中查找选定的值

Facebook 学分。错误 1151
我正在 Facebook 上开发应用程序，我需要能够将我的应用程序集成到其他站点(通过 Facebook JavaScript API 连接到 Facebook)。在 Facebook 上，我可以使
c# - 需要写一个总和(成绩)/总和(学分)代码
我正在制作一个学生数据库，其中包含类(class) ID、类(class)名称、每门类(class)的学分、通过/失败声明和成绩。我的目标是让按钮显示总和(成绩)/总和(学分) 这是我编写的代码，它给

首页

博学

6Ren·AI

商城

javascript - 初学者 Javascript 学分计算器