Wie grundlegende Rechner in HTML & Javascript implementieren

Ich versuche, einen HTML-Code zu addieren, subtrahieren, teilen oder multiplizieren zwei oder mehr Zahlen, aber ich habe Schwierigkeiten ... (Ich habe versucht, ein bisschen CSS nur um es gut aussehen zu lassen, aber ich mache mir mehr Sorgen um den Code, der zuerst läuft). Ich benutze auch Javascript. Was mache ich bitte falsch?Wie grundlegende Rechner in HTML & Javascript implementieren

<html> 
<head> 

<body bgcolor="FFFCC"> 
<table border="0" cellpadding="0" 
cellspacing="1" sytyle ="border-collapse. collapse" 
bordercolor="#1111" width ="50%"> 

<hi><p align="center">CALCULATOR</p></hi><br> 
<script language= "javascript"> 
function ADD() 
{ 
var first=parsefloat(txtNumber1.value); 
var second=parsefloat(txtNumber2.value); 
var Ans =first+second; 
txtAnswer.value=Ans; 
} 

function MINUS() 
{ 
var first=parsefloat(txtNumber1.value); 
var second=parsefloat(txtNumber2.value); 
var Ans =first-second; 
txtAnswer.value=Ans; 

function DIVIDE() 
{ 
var first=parsefloat(txtNumber1.value); 
var second=parsefloat(txtNumber2.value); 
var Ans =first/second; 
txtAnswer.value=Ans; 
} 

function MULTIPLY() 
{ 
var first=parsefloat(txtNumber1.value); 
var second=parsefloat(txtNumber2.value); 
var Ans =first*second; 
txtAnswer.value=Ans; 
} 
function MODULO() 
{ 
var first=parsefloat(txtNumber1.value); 
var second=parsefloat(txtNumber2.value); 
var Ans =first%second; 
txtAnswer.value=Ans; 
} 

</script> 
</head> 



<input type ="text" name="txtNumber1"/><br> 
<input type ="text" name="txtNumber2"/><br> 
<input type ="button" name="butAnswer" 
value="+" onclick="ADD()"/> 
<input type ="button" name="butAnswer" 
value="-" onclick="MINUS()"/> 
<input type ="button" name="butAnswer" 
value="/" onclick="DIVIDE()"/> 
<input type ="button" name="butAnswer" 
value="*" onclick="MULTIPLY()"/> 
<input type ="button" name="butAnswer" 
value="%" onclick="MODULO()"/><br> 
<input type ="text" name="txtAnswer"/> 

</table> 
</body> 
</html>

Quelle

2017-11-18 Billz

Versuch zu korrigieren diese Zeilen:

var first=parsefloat(document.getElementsByName("txtNumber1")[0].value); 
var second=parsefloat(document.getElementsByName("txtNumber2")[0].value); 

document.getElementsByName("txtAnswer")[0].value=Ans;

Quelle

2017-11-18 11:07:43

danken you..i'll dass – Billz

Ihr nicht Ihre Eingabeelemente Referenzierung werden!

In diesem Beispiel

var first=parsefloat(txtNumber1.value);

txtNumber1 undefiniert

Diese Arbeit wird

var first=parsefloat(document.getElementsByName(txtNumber1)[0].value);

Quelle

2017-11-18 11:08:51

in Ordnung überprüfen .. .thank du ..i'l Ich versuche es – Billz

<html> 
<head> 

</head> 
<body bgcolor="FFFCC"> 

    <table width="50%" align="center"> 
    <tr><td colspan="2"><hi><p>CALCULATOR</p></hi></td></tr> 
    <tr><td><input type ="text" id="txtNumber1" placeholder="Enter first number"/><input type ="text" id="txtNumber2" placeholder="Enter second number"/> <input type ="text" id="txtAnswer"/></td> 
<tr><td><input type ="button" name="butAnswer" 
value="+" onclick="ADD()"/> 
<input type ="button" name="butAnswer" 
value="-" onclick="MINUS()"/> 
<input type ="button" name="butAnswer" 
value="/" onclick="DIVIDE()"/> 
<input type ="button" name="butAnswer" 
value="*" onclick="MULTIPLY()"/> 
<input type ="button" name="butAnswer" 
     value="%" onclick="MODULO()"/></td></tr> 
    <tr> 

</table> 

<script language= "javascript"> 
var answer=document.getElementById("txtAnswer") 
function ADD() 
{ 

    var number1=document.getElementById("txtNumber1") 
    var number2=document.getElementById("txtNumber2") 
    number1=parseFloat(number1.value) 
    number2=parseFloat(number2.value) 
var Ans =number1+number2; 
answer.value=Ans; 
} 

function MINUS() 
{ 

    var number1=document.getElementById("txtNumber1") 
    var number2=document.getElementById("txtNumber2") 
    number1=parseFloat(number1.value) 
    number2=parseFloat(number2.value) 
var Ans =number1-number2; 
answer.value=Ans; 
} 
function DIVIDE() 
{ 

    var number1=document.getElementById("txtNumber1") 
    var number2=document.getElementById("txtNumber2") 
    number1=parseFloat(number1.value) 
    number2=parseFloat(number2.value) 
var Ans =number1/number2; 
answer.value=Ans; 
} 

function MULTIPLY() 
{ 

    var number1=document.getElementById("txtNumber1") 
    var number2=document.getElementById("txtNumber2") 
    number1=parseFloat(number1.value) 
    number2=parseFloat(number2.value) 
var Ans =number1*number2; 
answer.value=Ans; 
} 
function MODULO() 
{ 

    var number1=document.getElementById("txtNumber1") 
    var number2=document.getElementById("txtNumber2") 
    number1=parseFloat(number1.value) 
    number2=parseFloat(number2.value) 
var Ans =number1%number2; 
answer.value=Ans; 
} 

</script> 
</body> 
</html>

Quelle

2017-11-18 12:02:37

Ich hoffe, dass Sie die Änderungen verstanden haben, die ich gemacht habe. –

Wie grundlegende Rechner in HTML & Javascript implementieren

Antwort

Verwandte Themen