使用简单JavaScript_Javascript_Html

使用简单JavaScript

javascript html

使用简单JavaScript,javascript,html,Javascript,Html,我使用HtmL创建了我的，现在我需要知道如何创建一个函数，我可以返回一个值来填充我的Input type=“text” 例如：更新 <html> <head> <title>Aula 21.03.2013 </title> <script> function CalculaNota() { var p1 = document.getElementById("txtp1").value;

我使用

HtmL

创建了我的

，现在我需要知道如何创建一个函数，我可以返回一个值来填充我的

Input type=“text”

例如：更新

  <html>
<head>
<title>Aula 21.03.2013 </title>
<script>
    function CalculaNota()
    {
        var p1 = document.getElementById("txtp1").value;
        var p2 = document.getElementById("txtp2").value;        

        return p1;
    }

</script>
</head>
<body>
    <div id="fieldset" style="border: 2px solid pink; width: 250px; margin-left: auto; margin-right: auto; padding: 10px;" >
    <form name="formulario" action="" method="post">
        P1<br>
        <input type="text" id="txtp1" /><br>
        P2<br>
        <input type="text" id="txtp2" /><br>

        <input type="submit" value="CALCULAR"  OnClick="CalculaNota()"/> 
        <br><br>

        NOTA FINAL<br>
        <input type="text" id="txtnota_final"/>
    </form>
    </div>  
</body>
</html>


奥拉21.03.2013
函数CalculaNota（）
{
var p1=document.getElementById（“txtp1”）.value；
var p2=document.getElementById（“txtp2”）.value；
返回p1；
}
P1



P2






非最终版本

现在当我点击按钮时，什么也没发生

试试这个：

  function CalculaNota()
    {
        var p1 = parseFloat(document.getElementById("txtp1").value);
        //You were re-assigning p1 here, I've changed it to p2
        var p2 = parseFloat(document.getElementById("txtp2").value);     
        var NF = ((p1 + (2 * p2)) / 3);

        document.getElementById("txtnota_final").value = NF;
    }


document.getElementById（'bt_calcular'）。onclick=function（）
{
var p1=parseFloat（document.getElementById（“txtp1”）.value）；
var p2=parseFloat（document.getElementById（“txtp2”）.value）；
var-NF=（（p1+（2*p2））/3）；
document.getElementById（'txtnota_final'）。value=NF；
}

这是一把小提琴

您还应在最后一个

div

您没有关闭脚本标记

您不需要jquery来实现这一点。。您正在使用vanila javascript

只需添加返回NF或document.findElementById（'txtp2'）。value=NF@Damian0o我没听清楚对不起，返回值并将其签名到文本框的代码是什么？感谢是最基本的。你应该先做一些像w3shools或internet上的许多教程，然后提问；在数学中使用数字之前，您可能希望确保使用的是有效的数字，以避免出现

NaN

情况。这就是答案。您可能还想将您的按钮声明修改为

@DavidThomas-well-spotted-cheers，请参见编辑。@PlayHardGoPro-edited-code。现在试试……我想我做错了什么。。。它甚至不会发出简单的

警报（“djjsa”）\启动控制台，查看是否有任何错误我正在使用NotePad++并在浏览器x上进行测试。如果在chrome浏览器中打开页面，只需点击f12并选择“控制台”，或者可以在firefox中使用firebug。
<script>
    document.getElementById('bt_calcular').onclick = function ()
    {
        var p1 = parseFloat(document.getElementById("txtp1").value);
        var p2 = parseFloat(document.getElementById("txtp2").value);        
        var NF = ((p1 + (2 * p2)) / 3);
        document.getElementById('txtnota_final').value = NF;
    }
</script>