Toepassing: Jackpot
Maak een online Jackpot-spel.
Download de figuren:
Download de volledige Web Site:
De gebruiker ziet een jackpot-interface waarbij drie kroontjes worden getoond, de score staat op nul.
Wanneer gedrukt wordt op 'speel', dan wordt de jackpot gevuld met drie willekeurige figuren.
punten:
- 2 gelijk naast elkaar : 20 punten
- 3 gelijke: 50 punten
- 3 kroontjes: 100 punten
- anders: -10 punten
De score wordt na elk spel aangepast volgens de behaalde punten.
Drukken op 'reset' zorgt ervoor dat het spel herbegint: drie kroontjes worden getoond, score staat op nul

Toon /verberg
Slot.cs
using System;
using System.Data;
using System.Configuration;
using System.Web;
using System.Web.Security;
using System.Web.UI;
using System.Web.UI.WebControls;
using System.Web.UI.WebControls.WebParts;
using System.Web.UI.HtmlControls;
using System.Threading;
public class Slot
{
private int slotwaarde;
private static int start = 1;
private static int eind = 7;
public Slot()
{
slotwaarde = start;
}
public void Initialiseer()
{
Slotwaarde = start;
}
public void Speel()
{
Thread.Sleep(1);
Random r = new Random();
Slotwaarde = r.Next(Start, Eind);
}
public int Slotwaarde
{
get
{
return slotwaarde;
}
set
{
if (value >= start && value <= eind)
slotwaarde = value;
else slotwaarde = start;
}
}
public int Start
{
get
{
return start;
}
}
public int Eind
{
get
{
return eind;
}
}
}
Jackpot.cs
using System;
using System.Data;
using System.Configuration;
using System.Web;
using System.Web.Security;
using System.Web.UI;
using System.Web.UI.WebControls;
using System.Web.UI.WebControls.WebParts;
using System.Web.UI.HtmlControls;
public class Jackpot
{
public Slot[] slots = { new Slot(), new Slot(), new Slot() };
public int score;
public int puntenbehaald;
public Jackpot()
{
score = 0;
}
public void SpeelJackpot()
{
foreach (Slot slot in slots)
{
slot.Speel();
}
puntenbehaald = BerekenPunten();
score += puntenbehaald;
}
public int BerekenPunten()
{
int punten;
if (slots[0].Slotwaarde == slots[1].Slotwaarde)
{
//eerste twee gelijk
punten = 20;
if (slots[1].Slotwaarde == slots[2].Slotwaarde)
{
//drie gelijk
punten = 50;
//drie kroontjes
if (slots[0].Slotwaarde == 1) score = 100;
}
}
else
if (slots[1].Slotwaarde == slots[2].Slotwaarde)
//laatste twee gelijk
punten = 20;
else
punten = -10;
return punten;
}
}
Default.aspx.cs
using System;
using System.Data;
using System.Configuration;
using System.Web;
using System.Web.Security;
using System.Web.UI;
using System.Web.UI.WebControls;
using System.Web.UI.WebControls.WebParts;
using System.Web.UI.HtmlControls;
public partial class _Default : System.Web.UI.Page
{
Jackpot j = new Jackpot();
protected void Page_Load(object sender, System.EventArgs e)
{
if (lblScore.Text == "") Reset();
else j.score = Int32.Parse(lblScore.Text);
}
private void Reset()
{
lblScore.Text = "0";
lblPunten.Text = "";
ToonFiguren();
}
private void ToonFiguren()
{
Image1.ImageUrl = "figuren/" + j.slots[0].Slotwaarde + ".jpg";
Image2.ImageUrl = "figuren/" + j.slots[1].Slotwaarde + ".jpg";
Image3.ImageUrl = "figuren/" + j.slots[2].Slotwaarde + ".jpg";
}
public void btnSpeel_Click(object sender, System.EventArgs e)
{
j.SpeelJackpot();
lblScore.Text = j.score.ToString();
lblPunten.Text = j.puntenbehaald.ToString();
ToonFiguren();
}
public void btnReset_Click(object sender, System.EventArgs e)
{
Reset();
ToonFiguren();
}
}
Default.aspx
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head runat="server">
<title>Speel Jackpot online</title>
</head>
<body>
<form id="form1" runat="server">
<div>
<table>
<tr>
<td colspan="3">
<asp:Label id="Label3" runat="server"
Height="48px" Width="360px" BorderStyle="Solid" BorderWidth="1px" Font-Bold="True" Font-Names="Bodoni MT"
Font-Size="X-Large" ForeColor="#400000" BackColor="#FFFFC0">Speel Jackpot online</asp:Label></td>
</tr>
<tr>
<td>
<asp:Image id="Image1" runat="server"
BorderStyle="Solid" BorderWidth="1px" BorderColor="#C00000" ImageUrl="~/figuren/1.jpg"></asp:Image></td>
<td align="center">
<asp:Image id="Image2" runat="server"
BorderStyle="Solid" BorderWidth="1px" BorderColor="#C00000" ImageUrl="~/figuren/1.jpg"></asp:Image></td>
<td align="right">
<asp:Image id="Image3" runat="server"
BorderStyle="Solid" BorderWidth="1px" BorderColor="#C00000" ImageUrl="~/figuren/1.jpg"></asp:Image></td>
</tr>
<tr>
<td>
<asp:Button id="btnSpeel" runat="server" Text="Speel" OnClick="btnSpeel_Click"></asp:Button></td>
<td>
</td>
<td align="right">
<asp:Button id="btnReset" runat="server" Text="Reset" OnClick="btnReset_Click"></asp:Button></td>
</tr>
</table>
<br />
<asp:Label id="Label2" runat="server">Worp:</asp:Label>
<asp:Label id="lblPunten"
runat="server">0</asp:Label>
<br />
<asp:Label id="Label1" runat="server">Score:</asp:Label>
<asp:Label id="lblScore" runat="server"></asp:Label></div>
</form>
</body>
</html>
Toepassing: Validation Controls
Maak een pagina met volgende tekstvakken:
- txtNaam (verplicht)
- txtNaam2 (zlfde waarde als txtNaam)
- txtHondVanGertVerhulst (hier moet de gebruiker Samson invullen)
- txtGeheelGroterDan100
- txtGeheelTussen5en10
- txtPostnr
- txtEvenEnGroterDan100
Schik de controls netjes, met bijhorende toelichtingen en validatiecontrols in een tabel.
Zorg steeds voor een controle, zowel client-side als server-side.
Boven het formulier staat de tekst "Gelieve het formulier in te vullen", deze tekst kan veranderen in "Formulier correct ingevuld".
Toon /verberg