HTML-Javascriptの入力 - 計算 - 出力

-1

HTMLを使ってユーザーからのデータを入力するテキストボックス/フォームを追加して、計算を実行するスクリプト内の変数に取り込んで計算に回答を出力する必要があります。私はいくつかのコードを持っていますが、正しく動作しません。送信ボタンをクリックすると、その関数は呼び出されていないようです。どんな助けも素晴らしいでしょう：コードはここにあります。HTML-Javascriptの入力 - 計算 - 出力

<form id="frm1" action="form_action.asp"> 
    Initial Displacement: <input type="number" name="x"><br> 
    Initial Velocity: <input type="number" name="v"><br> 
    Acceleration: <input type="number" name="a"><br> 
    Time Passed: <input type="number" name="t"><br> 
    <input type="button" onclick="calc()" value="Submit"/> 
</form> 


<script> 
function calc() 
{ 

var b=document.getElementById("frm1"); 
document.write(b.element[0].value+b.element[1].value*b.element[2].value+(1/2)*b.element[3].value*b.element[2].value*b.element[2].value); 
} 
</script>

https://jsfiddle.net/zytyf16q/#&togetherjs=qABKDyLpK2

出典

2016-04-10 Zach

[尋ねる]を読んで行ってください。 – CBroe

スクリーンショットをリンクするのではなく、質問にコードを貼り付けてください。 –

[https://jsfiddle.net/](https://jsfiddle.net/）または[http://codepen.io/](http： //codepen.io/）。 –

送信ボタン上のコードでミスタイプがあります。私は入力にid年代を追加し、それらを選択し、それぞれの名前の変数に保存するdocument.getElementByIdを使用

<!DOCTYPE html> 
<html> 
    <body> 
    Initial Displacement: 
    <input type="number" id="x" name="x"> 
    <br> Initial Velocity: 
    <input type="number" id="v" name="v"> 
    <br> Acceleration: 
    <input type="number" id="a" name="a"> 
    <br> Time Passed: 
    <input type="number" id="t" name="t"> 
    <br> 
    <input type="button" onclick="calc('x','v','a','t')"  value="Submit"> 
    </body> 
    <script> 
    function calc(x, v, a, t) { 
    var Displace = parseInt(document.getElementById(x).value) 
    var Velocity = parseInt(document.getElementById(v).value) 
    var Acceleration = parseInt(document.getElementById(a).value) 
    var Time = parseInt(document.getElementById(t).value) 
    var calculations = Displace + (Velocity * Acceleration) + ((1/2) * Time * Acceleration * Time); 
    alert(calculations) 
    } 

</script> 
</html>

出典

2016-04-10 02:12:55 Hawkeye

修正を加えましたが、それでも動作しません。 https://jsfiddle.net/zytyf16q/#&togetherjs=qABKDyLpK2 – Zach

@Zach固定コード。 – Hawkeye

さて、今は動作しています。文字列を追加するときと同じように追加しているようです。たとえば、変位= 5、それ以外のすべてが0の場合、変位は5、速度は1、時間は1になると510が得られます-------- 5のようになります変位は1でv * t、0は（2）で（1/2）-------またvar計算は-------> var calculations = Displace +速度*時間+（1/2）*時間*加速*時間; – Zach

：あなたの送信ボタンは次のようになります。それから私は計算を行った。

<form id="frm1" action="form_action.asp"> 
 
    Initial Displacement: <input type="number" name="x" id="x"><br> 
 
    Initial Velocity: <input type="number" name="v" id="v"><br> 
 
    Acceleration: <input type="number" name="a" id="a"><br> 
 
    Time Passed: <input type="number" name="t" id="t"><br> 
 
    <input type="button" onclick="calc()" value="Submit"/> 
 
</form> 
 

 

 
<script> 
 
function calc() 
 
{ 
 
var x = document.getElementById('x').value 
 
var v = document.getElementById('v').value 
 
var a = document.getElementById('a').value 
 
var t = document.getElementById('t').value 
 
document.write(x+v*a+(1/2)*t*a*a); 
 
} 
 
</script>

出典

2016-04-10 06:40:21

このコードのように私は上記のコメント – Zach

Okで述べたのと同じ問題があります。コードの最初のセットは動作しませんでしたが、この1つは私のためにうまくいきました –

痛みを残して申し訳ありませんが、このjsFiddleで動作します。 https://jsfiddle.net/17dymkbc/ –

HTML-Javascriptの入力 - 計算 - 出力

答えて

関連する問題