I have a problem with my IF statement that is tasked with checking the input fields and giving me a message that will say if my fields are empty. The problem is I wanted to put it inside of a function so that if the IF statement is false it would automatically proceed on with the function and do the task it was meant to do.
As you can see almost all of the functions have the IF statement in them. (I'm making a calculator).
Oh, and please use this basic JavaScript as I did. My knowledge of JavaScript is still not very good and since I'm doing this for a school assignment I should probably use this type of codes.
I will post my code here:
<html>
<head>
<meta charset="utf-8"/>
<script>
function pozdrav()
{
alert("Unesite dva broja te odaberite željenu operaciju:");
}
function brisi()
{
var prvibroj = "";
var drugibroj = "";
var rezultat = "";
document.getElementById("prvibroj").value = prvibroj;
document.getElementById("drugibroj").value = drugibroj;
document.getElementById("rezultat").value = rezultat;
}
function boja(elem)
{
var elem = elem.style.color="red";
}
function staraboja(elem)
{
var elem = elem.style.color="black";
}
function promjena()
{
var rezultat="";
document.getElementById("rezultat").value = rezultat;
}
function plus()
{
var prvibroj = parseInt(document.getElementById("prvibroj").value);
var drugibroj = parseInt(document.getElementById("drugibroj").value);
if(prvibroj == "" || drugibroj == "")
{
alert("Za ispravan izračun, morate unijeti oba broja!");
}
else
{
var rezultat = prvibroj + drugibroj;
document.getElementById("rezultat").value = rezultat;
}
}
function minus()
{
var prvibroj = parseInt(document.getElementById("prvibroj").value);
var drugibroj = parseInt(document.getElementById("drugibroj").value);
if(prvibroj == "" || drugibroj == "")
{
alert("Za ispravan izračun, morate unijeti oba broja!");
}
else
{
var rezultat = prvibroj - drugibroj;
document.getElementById("rezultat").value = rezultat;
}
}
function mnozenje()
{
var prvibroj = parseInt(document.getElementById("prvibroj").value);
var drugibroj = parseInt(document.getElementById("drugibroj").value);
if(prvibroj == "" || drugibroj == "")
{
alert("Za ispravan izračun, morate unijeti oba broja!");
}
else
{
var rezultat = prvibroj * drugibroj;
document.getElementById("rezultat").value = rezultat;
}
}
function djeljenje()
{
var prvibroj = parseInt(document.getElementById("prvibroj").value);
var drugibroj = parseInt(document.getElementById("drugibroj").value);
if(prvibroj == "" || drugibroj == "")
{
alert("Za ispravan izračun, morate unijeti oba broja!");
}
else
{
var rezultat = prvibroj / drugibroj;
document.getElementById("rezultat").value = rezultat;
}
}
</script>
</head>
<body onload="pozdrav()">
<h2>Kalkulator</h2>
<p>Prvi broj:</p>
<input type="text" id="prvibroj" onmouseover="boja(this)" onmouseout="staraboja(this)" onchange="promjena()" /> <br />
<p>Drugi broj:</p>
<input type="text" id="drugibroj" onmouseover="boja(this)" onmouseout="staraboja(this)" onchange="promjena()" /> <br />
<p>Rezultat:</p>
<input type="text" id="rezultat" onmouseover="boja(this)" onmouseout="staraboja(this)" onchange="promjena()" /> <br /> <br />
<input type="button" value="+" onclick="plus()"/>
<input type="button" value="-" onclick="minus()"/>
<input type="button" value="*" onclick="mnozenje()"/>
<input type="button" value="/" onclick="djeljenje()"/>
<input type="button" value="C" onclick="brisi()"/>
</body>
</html>
Aucun commentaire:
Enregistrer un commentaire