JavaScriptテキストボックス内のユーザタイプ変数を方程式を解く方法を教えてください。

Question

私は除算を含む簡単な方程式ソルバーを作成しています。私は2つのテキストボックスを持っています.1つは「質量」、もう1つは「要素」です。変数 "H"を作成し、それを1に設定すると、ユーザーがマスボックスで "2"を入力し、要素ボックスで "H"を入力すると、出力は "1"となります。ここで

は、ここに私のHTML

<div id="GramsToMolesContainer"><div id="GramMolesText"> 
<font size=3>Grams To Moles</font></div> 
<form> 
Grams : <input type="text" id="GramsChoice" /><br> 
Element : <input type="text" id="ElementChoice" /><br> 
<input type="button" onClick="GramstoMoles()" Value="Convert" /> 
</form> 
<p>Molar Mass : <br> 
<span id = "resultMolarMass"></span> 
</p> 
</div> 

である私のJavascriptです：

function GramstoMoles() 
{ 
var H = 1; 

GramsState = document.getElementById("GramsChoice").value; 

ElementState = 
document.getElementById("ElementChoice").value; 

document.getElementById("resultMolarMass").innerHTML 
= GramsState/ElementState; 
} 

Answer 1

あなたは辞書を作成する必要があります。 これはあなたの関数がどのように見えるかです。要素を追加するたびに、新しいキーと値のペアを作成します。

function GramstoMoles() 
{ 
var elements = {h:1, he:2}; 

GramsState = document.getElementById("GramsChoice").value; 

ElementState = 
document.getElementById("ElementChoice").value; 

document.getElementById("resultMolarMass").innerHTML 
= parseInt(GramsState)/elements[ElementState]; 
} 

Answer 2

コードのこのスニペットを確認してください。

あなたには、いくつかのボックスのinital値としてHを設定するワン場合は、関数を呼び出す前に、

var ElementState = document.getElementById("ElementChoice").value = H;を行います。

function GramstoMoles(){ 
 

 
var H = 1; 
 
var GramsState = document.getElementById("GramsChoice").value; 
 
var ElementState = document.getElementById("ElementChoice").value; 
 
document.getElementById("resultMolarMass").innerHTML = GramsState/ElementState; 
 

 
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<div id="GramsToMolesContainer"><div id="GramMolesText"> 
 
<font size=3>Grams To Moles</font></div> 
 
<form> 
 
Grams : <input type="text" id="GramsChoice" /><br> 
 
Element : <input type="text" id="ElementChoice" /><br> 
 
<input type="button" onClick="GramstoMoles()" Value="Convert" /> 
 
</form> 
 
<p>Molar Mass : <br> 
 
<span id = "resultMolarMass"></span> 
 
</p> 
 
</div>

Answer 3

あなたはvar elementとvar grams、

var elements = ['H','He','Li','Be',...]; 
var atomicmasses = [1,4,6,9,.....]; 
var molarmass = molarmasses[elements.indexOf(element)]; 
var mole = grams/molarmass; 

を取得