Ich bin auf diesem festgefahren und weiß nicht wirklich, wie man es selbst beheben kann. Ich habe versucht, Firebug zu benutzen und Teile davon zu benutzen, aber es ist einfach frustrierend und zeitraubend für solch ein kleines Skript. Vielleicht benutze ich die switch-Anweisung falsch ...Erstellen eines einfachen Taschenrechners in Javascript mit einem Objekt
Im Wesentlichen mache ich einen sehr einfachen Rechner mit einem Objekt zum ersten Mal ... Jedes bisschen wird helfen - jeder Schub in die richtige Richtung:)
Vielen Dank für das Lesen!
Die HTML-Datei ist dies:
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<title>Homework 8</title>
<link href="css/main.css" rel="stylesheet" type="text/css"/>
</head>
<body>
<div id="calc">
<p><label for="num1">First Number:<input type="text" id="num1" class="txt" /></label></p>
<p><label for="num2">Second Number: <input type="text" id="num2" class="txt"/></label></p>
<p><label for ="add"><input type="radio" name="operation" id="add" value="add"/>Add</label>
<label for ="sub"><input type="radio" name="operation" id="sub" value="sub"/>Subtract</label>
<label for ="mult"><input type="radio" name="operation" id="mult" value="mult"/>Multiply</label>
<label for ="div"><input type="radio" name="operation" id="div" value="div"/>Divide</label></p>
<p><input type="button" id="calculate" value="Do Calculation"/></p>
</div>
<div id="result"></div>
<script type="text/javascript" src="js/hw8.js"></script>
<script type="text/javascript">obj.init();</script>
</body>
</html>
Die Javascript-Datei ist diese kurze Skript:
var obj = {
add : document.getElementById("add"),
sub : document.getElementById("sub"),
mult : document.getElementById("mult"),
div : document.getElementById("div"),
num1 : document.getElementById("num1"),
num2 : document.getElementById("num2"),
result : document.getElementById("result"),
calculate : document.getElementById("calculate"),
init : function(){
obj.calculate.onclick = obj.resultArea;
},
resultArea : function(){
var num1Value = parseFloat(num1.value);
var num2Value = parseFloat(num2.value);
if (!isNaN(obj.num1Value) = true || !isNaN(obj.num2Value) = true){
alert("Please enter only numbers in the First Number and Second Number fields!");
return;
}
switch(true){
case obj.add.checked : var ans = (num1Value + num2Value); break;
case obj.sub.checked : var ans = (num1Value - num2Value); break;
case obj.mult.checked : var ans = (num1Value * num2Value); break;
case obj.div.checked && num2Value != 0 : var ans = (num1Value/num2Value); break;
case obj.div.checked && num2Value = 0 : alert("cannot divide by zero"); break;
}
var p = document.createElement("p");
p.appendChild(document.createTextNode("The answer is" + ans));
obj.result.appendChild(p);
},
}
Es wäre hilfreich, wenn Sie Ihren Code auf jsFiddle setzen oder uns auf einen funktionierenden Link verweisen würden. –
Hosted: http://jsfiddle.net/FyRrc/ – mellamokb
Da der Titel der HTML-Seite ist "Hausaufgaben 8", ist dies eine Hausaufgabe? Wenn ja, markieren Sie es als solches. – mellamokb