Torgny > Meny Javascriptövn. > Javascriptövningar 4

Javascriptövningar 4

if

1
Funktionen confirm() skapar en dialogruta där användaren har möjlighet att svara Ok eller Avbryt. Funktionen retrurnerar värdet sant eller falskt, och detta värde kan Du använda på olika sätt av ett Javascript. Bland annat kan du lagra värdet i en variabel av boolesk typ (logisk typ). Följande webbsida demonstrerar hur resultatet av en inmamatning först lagras i variabeln mittSvar och hur värdet på denna variabel sedan skrivs ut på skärmen. Testa programmet här. 
<html>
<head>
	<title>Exempel Javascript 4.1a</title>
	<script>
	var mittSvar = confirm("Välj Ok eller Avbryt");
	</script>
</head>

<body>
<script language="JavaScript">
<!--
	document.write("Du valde: " +  mittSvar)
//-->
</script>
</body>
</html>
Med hjälp av en if-sats kan du få ett program att utföra olika saker beroende på om tillfälliga förhållanden vad beträffar om något är sant eller inte. Följande exempel visar hur resultatet av inmatningen i en confirm-box kan fås att påverka programflödet. Testa programmet. 
<html>
<head>
	<title>Exempel Javascript 4.1b</title>
	<script>
	var mittSvar = confirm("Känner du dig stark nog att fortsätta?");
	</script>
</head>

<body>
<script language="JavaScript">
<!--
	if (mittSvar == true){
		document.write("Ok, då går vi vidare.")
	}
	else {
		document.write("Gå hem och vila. Vi fortsätter senare.")
	}
//-->
</script>
</body>
</html>
Skapa en sida där användaren i en confirm-box får frågan "Vill du att han skall rodna?". Beroende på svaret skall den rätta av följande två bilder visas.

Ingen knipning Knipning
2
Du behöver inte bruka logiska variabler för att använda if-satser. I följande exempel testas ett logiskt uttryck där strängvariabeln a jämförs med strängkonstanten "Sverige" (Observera att du i detta enkla program måste skriva Sverige med stor begynnelsebokstav för att exemplet skall fungera korrekt.) Testa programmet här. 
<html>
<head>
	<title>Exempel Javascript 4.1</title>
	<script>
	var mittSvar = prompt("Vilket land befinner du dig i?","");
	</script>
</head>

<body>
<script language="JavaScript">
<!--
	if (mittSvar == "Sverige"){
		document.write("Välkommen hit.");
	}
	else {
		document.write("Welcome! Bienvenu! Willkommmen!");
	}
//-->
</script>
</body>
</html>
Du kan utöka antalet vägar som programmet kan ta genom att lägga in else if-utrryck i if-konstruktionen. Enligt en Javascriptmanual kan det se ut på följande sätt. I kodexemplet betyder condition att du skall skriva in en villkorssats (t ex a == "Sverige") och statement innebär att du skriver en sats (t ex en document.write-sats). 
if (condition) {
	statements1}
else if (condition) {
	statements2
}
else {
	statements3
}
Utgå från exemplet ovan där användaren ombeds ange ett land, och lägg med hjälp av else if till olika reaktioner på imatningarna "Sverige", "England" respektive "Deutchland".
3
Skriv ett program där di i en prompt-ruta ber användaren skriva in sin ålder. Beroende på vilket heltal som matas in skall programmety svara med ett av föjande tre påståenden:
  • Du är ett barn.
  • Du är vuxen.
  • Jag gissar att du är pensionerad.
Tips: Här måste du göra jämförelser mellan tal och det är därför viktigt att du är säker på att ditt inmatade värde är av typen heltal. Du kan t ex använda dig av funktionen parseInt för att åstadkomma detta.
4
I logiska uttryck används jämförelseoperatorer. Hur ser de ut?
a. Lika med: b. Inte lika med: c. Större än: d. Större än eller lika med: e. Mindre än: f. Mindre än eller lika med:
5
Skriv ett program som inleds med att denna alert-box visas:

Ex 5

Därefter skall användaren uppmanas att i två separata prompt-boxar uppmanas att skriva in först ett och därefter ytterligare ett tal. Om talen 2 0ch 5 matas in skall följande utskrift erhållas:

Ex 5
6
Komplettera programmet i exempel 5 så att användaren i ytterligare en prompt-box tillfrågas om vilket räknesätt som skall användas. Låt användaren skriva in något av följande tecken: +, - * eller /. Spara det inmatade tecknet i en variabel och använd denna i en if-konstruktion så att programmet använder det önskade räknesättet.
7
Objektet navigator hör inte till det som kallas core Javascript utan är i stället ett av de objekt med vars hjälp Javascript kommunicerar med webbläsaren. Följande kodrad tar reda på namnet på den speciella webbläsare som används och lagrar detta värde i variabeln a. 
var a = navigator.appName;
Om du t ex använder IE kommer värdet på a att bli "Microsoft Internet Explorer". Skriv ett program som ger följande utskrift på skärmen om du använder IE:

Ex 7

(Observera att du inte behöver några prompt- eller alert-box i detta program.)