HTMLからJS関数に変数を渡す

私は現在、学校向けの少しのプログラミング作業に取り組んでいます。プログラムの中核をJavaで実行する方法を知っていたのでタスクを選んだが、これを非常に単純なWebページに翻訳する際に問題があり、HTMLやJSの経験はない。HTMLからJS関数に変数を渡す

私の問題は次のとおりです。ボタンからの入力を受け取りました。クリックすると、関数が呼び出され、その関数は入力の値を取得します。しかし、アラートウィンドウがobjectHTMLinputElementなのですべて取得できます。私は間違って何をしていますか？

function myRT() { 
 
    var risikoTraeger=document.getElementById('input1').value; 
 
} 
 

 
function myRH() { 
 
    var risikoHoehe = parseInt(document.getElementById('input2')).value; 
 
    alert(input2); 
 
}

<h1>Siemens: Risikoassessment</h1> 
 

 
<p id="demo">How many entries?</p> 
 

 
<input type="text" id="input1" /> 
 
<button type="button" onclick="myRT()">Risk carrier</button> 
 
<input type="text" id="input2" /> 
 
<button type="button" onclick="myRH()">Sum of the risk</button>

出典

2016-10-07 someones49th

感謝の整数値を解析し、私はそれを得ました！ – someones49th

は、それを解析する前に、入力の値を取得します。さらに、値を設定する変数ではなく入力要素に警告しています。用途：

function myRH(){ 
    var risikoHoehe = parseInt(document.getElementById('input2').value); 
    alert(risikoHoehe); 
}

出典

2016-10-07 07:04:49 MervS

変更し、この部分parseInt(document.getElementById('input2')).value;として：あなたは間違った変数を呼び出している

parseInt(document.getElementById('input2').value)

出典

2016-10-07 07:04:57

、試す 'risikoHoehe' の代わりに 'INPUT2' の：

function myRT() { 
    var risikoTraeger=document.getElementById('input1').value; 
} 

function myRH(){ 
    var risikoHoehe = document.getElementById('input2').value; 
    alert(risikoHoehe); 
}

出典

2016-10-07 07:09:37 Ben

1）あなたは、 intにDOM要素を解析しようとしているので、undefinedを返します。

document.getElementById('input2').valueを使用してください。

2）使用のparseInt必要な場合にのみ、そのあなたが直接IDでDOM要素を参照することができません）それ

3を省略することができますちょうどその警告のために、あなたが変数にその要素を取得する必要があれば、その後、これを使って。

alert(input2);がalert(risikoHoehe);

出典

2016-10-07 07:10:48

まあである必要があり、ここでは、これはあなたを助けることを望ん

<!DOCTYPE html> 
 
<html> 
 
<head> 
 
<script type="text/javascript"> 
 
function myRT() { 
 
var risikoTraeger=document.getElementById('input1').value; 
 
    alert(risikoTraeger); 
 
} 
 

 
function myRH(){ 
 
var risikoHoehe = parseInt(document.getElementById('input2').value); 
 
alert(risikoHoehe); 
 
} 
 
</script> 
 
</head> 
 

 
<body> 
 

 
<h1>Siemens: Risikoassessment</h1> 
 

 
<p id="demo">How many entries?</p> 
 

 
<input type="text" id="input1" /> 
 
<button type="button" onclick="myRT()">Risk carrier</button> 
 
    </br> 
 
<input type="text" id="input2" /> 
 
<button type="button" onclick="myRH()">Sum of the risk</button> 
 

 
</body> 
 
</html>

コード - 完全な作業です:)

出典

2016-10-07 07:11:29

あなたは間違って何をしているか見てみましょう：

var risikoHoehe = parseInt(document.getElementById('input2')).value;

文書
文書自体
getElementByIdを（）
私たちに特定のIDパラメータ
を持つ要素を与える関数'input2'
希望する入力のID
.value
要素の値があればそれの値。
parseInt（）
任意の文字列を整数値に変換する関数です。

今ここを見て：

のdocument.getElementById（ 'INPUT2'） =>入力要素自体（objectHTMLInputElement）
のparseInt（objectHTMLInputElement） = > html input要素を整数に変換しようとすると、何が得られますか？
（整数）。値 =>整数に値プロパティがありますか？

しかし、あなたはこのようにそれを記述する場合：

var risikoHoehe = parseInt(document.getElementById('input2').value);

のdocument.getElementById（ 'INPUT2'） =>入力要素自体（objectHTMLInputElement）
objectHTMLInputElement.value =>文字列としての入力の値
のparseInt（文字列） =>文字列

出典

2016-10-07 07:16:55

HTMLからJS関数に変数を渡す

答えて

関連する問題