html模板中5个文本框到其他文本框的平均值_Html

html模板中5个文本框到其他文本框的平均值

html

html模板中5个文本框到其他文本框的平均值,html,Html,如何创建以下html模板我有6个文本框。文本框1-5用于输入，6用于输出。在文本框6中，我需要其他5个文本框的平均值，无需按下任何按钮即可将结果发送到文本框6。可选择输入5个文本框（文本框值可为空或数字）我想这就是你要找的 index.html <!DOCTYPE html> <html> <head> <title>Average Calculation</title> </head> <body>

如何创建以下html模板

我有6个文本框。文本框1-5用于输入，6用于输出。在文本框6中，我需要其他5个文本框的平均值，无需按下任何按钮即可将结果发送到文本框6。可选择输入5个文本框（文本框值可为空或数字）

我想这就是你要找的

index.html

<!DOCTYPE html>
<html>
<head>
    <title>Average Calculation</title>
</head>

<body>
    <input class="my_val" type="number" size="5" name="input1">
    <input class="my_val" type="number" size="5" name="input2">
    <input class="my_val" type="number" size="5" name="input3">
    <input class="my_val" type="number" size="5" name="input4">
    <input class="my_val" type="number" size="5" name="input5">
    <input class="output" type="number" size="5" name="input6" readonly>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
    <script src="app.js"></script>
</body>

</html>

这是工作小提琴

希望我帮了你。

我想这就是你要找的

index.html

<!DOCTYPE html>
<html>
<head>
    <title>Average Calculation</title>
</head>

<body>
    <input class="my_val" type="number" size="5" name="input1">
    <input class="my_val" type="number" size="5" name="input2">
    <input class="my_val" type="number" size="5" name="input3">
    <input class="my_val" type="number" size="5" name="input4">
    <input class="my_val" type="number" size="5" name="input5">
    <input class="output" type="number" size="5" name="input6" readonly>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
    <script src="app.js"></script>
</body>

</html>

这是工作小提琴

希望我能帮助你。

是的。您必须在

javascript onevent

中编写一个逻辑来计算avgyes。您必须在

javascript onevent

中编写一个逻辑来计算avghow我可以将您的app.js调用到我的html中吗？谢谢您的代码。将此代码添加到正文标记之前。并将app.js放在index.html路径中。您的代码符合我的要求。我也在JSFIDLE找到了它。虽然使用相同的文件夹路径从index.html调用app.js，但app.js可能无法工作。请帮我查一下。谢谢，我会告诉你的。创建一个名为average的文件夹（无论您需要什么）。将index.html和app.js放在该文件夹中。现在打开index.html到你的浏览器。我也更新了我的答案。请检查一下。让我知道它是否有效。我想为这个输入十进制数和十进制数的平均值。请帮我查一下。我是html新手。我如何调用你的app.js到我的html？谢谢您的代码。将此代码添加到正文标记之前。并将app.js放在index.html路径中。您的代码符合我的要求。我也在JSFIDLE找到了它。虽然使用相同的文件夹路径从index.html调用app.js，但app.js可能无法工作。请帮我查一下。谢谢，我会告诉你的。创建一个名为average的文件夹（无论您需要什么）。将index.html和app.js放在该文件夹中。现在打开index.html到你的浏览器。我也更新了我的答案。请检查一下。让我知道它是否有效。我想为这个输入十进制数和十进制数的平均值。请帮我查一下。我不熟悉html。