php - lav alder om til regnestykke tjek - Udvikleren.dk - Programmering, webdesign og grafik

Tags: php javascript

Bruger #17475 @ 02.01.13 16:26

Hej med jer og godt nytår.

jeg fandt noget alder udregning herinde, og vil gerne have lavet det lidt om.

JScript kode

 <script type="text/javascript">
     function calculate_age(birth_month,birth_day,birth_year){
         today_date = new Date();
         today_year = today_date.getFullYear();
         today_month = today_date.getMonth();
         today_day = today_date.getDate();
         age = today_year - birth_year;
         if ( today_month < (birth_month - 1)){
             age--;
         }
         if (((birth_month - 1) == today_month) && (today_day < birth_day)){
             age--;
         }
         return age;
     }
     
     function udregn_alder(){
         var d = document.getElementById("alder_d").value;
         var m = document.getElementById("alder_m").value;
         var y = document.getElementById("alder_a").value;        
         document.getElementById("alder").value=(d != 0 && m != 0 && y != 0)? calculate_age(m,d,y) : 0;
     }
     </script>

med udtag(
id="alder_d" onchange="udregn_alder()"
)

udregning( (<input id="alder" value="0" style="width:25px;" class="alder" readonly="readonly">år) )

kan jeg få det lavet så den kan udregnet regnestykket.

PHP kode

 <input type="text" name="tal1" class="inputstor" onkeyup="tjektal(this)" maxlength="6" placeholder="0"  id="tal1" onchange="udregn_alder()">
 
 
 <select class="select" name="resultat">
 <option class="option" title="Plus et regnestykke">+</option>
 <option class="option" title="Minus et regnestykke">-</option>
 <option class="option" title="Gange et regnestykke">x</option>
 <option class="option" title="Divider et regnestykke">/</option>
 </select>
 
 <input type="text" class="inputstor" name="tal2" onkeyup="tjektal(this)" maxlength="6" placeholder="0" id="tal2" onchange="udregn_alder()">
 
 <input id="alder" value="0" style="width:25px;" class="alder" readonly="readonly">

3 svar postet i denne tråd vises herunder
0 indlæg har modtaget i alt 0 karma

Sorter efter stemmer Sorter efter dato

Bruger #16075 @ 02.01.13 18:15

1.223

kan du ikke lave en switch på operatoren ??, som feks
i din html er onchange laves om til onblur og tilføjet id="resultat" og <option class="option" value ="0" title="vælg">vælg venligst</option>

Kode

<!DOCTYPE html>
<html>
<head>
 <meta charset="utf-8">
	<title></title>
	<style type="text/css">
	</style>
     <script type="text/javascript">
    
	function calc(){
		var res = 0;
		var tal1 = Number ( document.getElementById("tal1").value );
		var tal2 = Number ( document.getElementById("tal2").value );
		var operator = document.getElementById("resultat").value;
		if(tal1 != 0 && tal2 != 0 && operator != 0 ){		
			switch(operator){
				case '+': res = tal1 + tal2; break;
				case '-': res = tal1 - tal2; break;
				case '*': res = tal1 * tal2; break;
				case '/': res = tal1 / tal2; break;			
			}
		}		
		document.getElementById("alder").value=res;			
    }
	function tjektal(elm){
	
	}	
    </script>
</head>
<body>
    <input type="text" name="tal1" class="inputstor" onkeyup="tjektal(this)" maxlength="6" placeholder="0" id="tal1" onblur="calc()">
    <select class="select" name="resultat" id="resultat">
	<option class="option" value ="0" title="vælg">vælg venligst</option>
    <option class="option" value ="+" title="Plus et regnestykke">+</option>
    <option class="option" value ="-" title="Minus et regnestykke">-</option>
    <option class="option" value ="*" title="Gange et regnestykke">x</option>
    <option class="option" value ="/" title="Divider et regnestykke">/</option>
    </select>
    <input type="text" class="inputstor" name="tal2" onkeyup="tjektal(this)" maxlength="6" placeholder="0" id="tal2" onblur="calc()">
    <input id="alder" value="0" style="width:25px;" class="alder" readonly="readonly">
</body>
</html>

Bruger #17475 @ 02.01.13 18:47

hey olsen
mange tak

----

Kan man lave så man kan klikke på "Resultat" så man ikke behøver at afslutte med et klik i et felt, men bare på en <botton> der ikke er til nogen gavn, andet til at give resultatet. ?

Indlæg senest redigeret d. 02.01.2013 23:23 af Bruger #17475

Bruger #16075 @ 03.01.13 18:19

1.223

hvad bruger du tjektal til ??hvis du ikke har lavet functionen er der ikke nogle grund til at ligge den i din html, det vil bare give en fejl

jeg har simplificeret HTML delen lidt, så den også beregner når der ændres i operatoren
calc.js

Kode

	function calc(){
		var res = 0;
		var tal1 = Number ( document.getElementById("tal1").value );
		var tal2 = Number ( document.getElementById("tal2").value );
		var operator = document.getElementById("resultat").value;
		if(tal1 != 0 && tal2 != 0 && operator != 0 ){			
			switch(operator){
				case '+': res = tal1 + tal2; break;
				case '-': res = tal1 - tal2; break;
				case '*': res = tal1 * tal2; break;
				case '/': res = tal1 / tal2; break;			
			}			
		}		
		document.getElementById("alder").value=res;			
    }

Kode

<!DOCTYPE html>
<html>
<head>
 <meta charset="utf-8">
	<title></title>
	<style type="text/css">
	</style>
	<script type="text/javascript" src="calc.js"></script>
    <script type="text/javascript">    	
    </script>
</head>
<body>
    <form name ="testfrm" onchange="calc()" >
	<input type="text" name="tal1" maxlength="6" placeholder="0" id="tal1" >
    <select class="select" name="resultat" id="resultat">
	<option class="option" value ="0" title="vælg">vælg venligst</option>
    <option class="option" value ="+" title="Plus et regnestykke">+</option>
    <option class="option" value ="-" title="Minus et regnestykke">-</option>
    <option class="option" value ="*" title="Gange et regnestykke">x</option>
    <option class="option" value ="/" title="Divider et regnestykke">/</option>
    </select>
    <input type="text"  name="tal2" maxlength="6" placeholder="0" id="tal2" >
    <input id="alder" value="0" style="width:25px;" readonly="readonly">
	</form>
</body>
</html>

Kan man lave så man kan klikke på "Resultat" så man ikke behøver at afslutte med et klik i et felt, men bare på en <botton> der ikke er til nogen gavn, andet til at give resultatet. ?

nemt, du sætter bare en onchange på resultat der kalder calc()

Kode

<!DOCTYPE html>
<html>
<head>
 <meta charset="utf-8">
	<title></title>
	<style type="text/css">
	</style>
	<script type="text/javascript" src="calc.js"></script>
    <script type="text/javascript">    	
    </script>
</head>
<body>    
	<input type="text" name="tal1" maxlength="6" placeholder="0" id="tal1" >
    <select class="select" name="resultat" id="resultat" onchange ="calc()">
	<option class="option" value ="0" title="vælg">vælg venligst</option>
    <option class="option" value ="+" title="Plus et regnestykke">+</option>
    <option class="option" value ="-" title="Minus et regnestykke">-</option>
    <option class="option" value ="*" title="Gange et regnestykke">x</option>
    <option class="option" value ="/" title="Divider et regnestykke">/</option>
    </select>
    <input type="text"  name="tal2" maxlength="6" placeholder="0" id="tal2" >
    <input id="alder" value="0" style="width:25px;" readonly="readonly">	
</body>
</html>

du kunne også prøve at tilføje denne linje
<input type="button" name="beregn" id="beregn" value="beregn" onclick="calc()">
efter den sidste input (alder)

lav alder om til regnestykke tjek

Karma barometer (30 dage)

Modtaget

Givet

Favorit hos
Forum tråde
Artikler