Permalänk
Medlem

Miniräknare javascript

Jag försöker göra en miniräknare med form och javascript men + funkar bara... Jag har tidigare gått nån kurs för att försöka lära sig men slutade att jag bara skicka in den med ett fungerande miniräknare för + Men nu vill jag ta och lära mig hur man löser dehär.

Är extremt tacksam för all hjälp man kan få!

Här är koden jag försöker fiffla ihop:

<!doctype html> <html> <head> <meta charset="utf-8"> <title>Namnlöst dokument</title> <script> function Calculate(){ //Här hämtar den informationen från formuläret var nummer1 = document.getElementById("nummer1").value; var nummer2 = document.getElementById("nummer2").value; var plus = document.getElementById("plus"); var minus = document.getElementById("minus"); var ganger = document.getElementById("ganger"); var delat = document.getElementById("delat"); //gör den om strängen? till siffror nummer1_parsed = parseInt(nummer1); nummer2_parsed = parseInt(nummer2); //här nere tror jag problemet ligger if (plus) { alert (nummer1_parsed+nummer2_parsed); } else if (minus) { alert (nummer1_parsed-nummer2_parsed); } else if (ganger) { alert(nummer1_parsed*nummer2_parsed); } else if (delat) { alert(nummer1_parsed/nummer2_parsed); } } </script> </head> <body> <form> <input name="nummer1" id="nummer1" type="text" size="5"> <select name="grej" id="favoritarstid"> <option>välj</option> <option id="plus" value="+">+</option> <option id="minus" value="-">-</option> <option id="ganger" value="x">x</option> <option id="delat" value="/">/</option> </select> <input name="nummer2" id="nummer2" type="text" size="5"> = <input type="button" onclick="Calculate();" id="hej" value="Beräkna"> </form> </body> </html>

Permalänk

http://jsfiddle.net/zq5tc2pk/

document.getElementById('hej').onclick = function() { var num1 = parseFloat(document.getElementById('nummer1').value), num2 = parseFloat(document.getElementById('nummer2').value), method = document.getElementById('favoritarstid').value, result; if (method === '+') { result = num1 + num2; } else if (method === '-') { result = num1 - num2; } else if (method === 'x') { result = num1 * num2; } else if (method === '/') { result = num1 / num2; } alert(result); };

Permalänk
Medlem

Såg jättebra ut! men asså fattar inte jag kopiera rakt av och de funka inte ändå... och allt verka ju funka på den länken du skicka :S

edit: jag la till <script> men inget då heller :S

Permalänk

(function() { //Peta in koden här })();

Och lägg skriptet precis innan </body>

Permalänk
Medlem

Tack! :D:D<3