[JavaScript] vierkanten maken dmv tabellen

Pagina: 1
Acties:
  • 40 views sinds 30-01-2008

  • tazmaniac20
  • Registratie: December 2001
  • Laatst online: 26-11-2025
Ik ben bezig met een opdrachtje voor school; ik wil voor tabellen heigth en width variabelen opgeven omzo vervolgens een loop te maken om van klein naar groot vierkanten te maken. wie kan mij helpen?


<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<html>
<head>
<title>Het oppervlak van een n-vierkanten</title>
<script language="JavaScript">
<!--
function berekenvierkant(getaln, evengetal)
{
return (getaln + 1) * 2;
}
var teller = 0
var getaln
while (teller = getaln)
{
document.write(getaln + berekenvierkant );
teller++
}

//-->
</script>
</head>
<body>
<script language="JavaScript">
<!--
document.write('<h2>Vierkant berekening</h2><hr>');
var getaln = prompt('Typ een getal in hoger dan 0', 0);
document.write('U voerde in: <b>', getaln, '</b><br>');
var evengetal = prompt('Typ een even getal in tussen de 0 en 100', 0);
document.write('U voerde in: <b>', evengetal, '</b><br>');
document.write('Oppervlaktevierkant = ' + berekenvierkant(getaln, evengetal));
<table>
<tr><td width=getaln height=getaln></td></tr>
// -->
</script>
</body>
</html>

  • Pelle
  • Registratie: Januari 2001
  • Laatst online: 02:20

Pelle

🚴‍♂️

Je haalt je HTML en JavaScript aardig door elkaar. Als je HTML wilt schrijven met JS, dan moet je daar ook document.write() voor gebruiken.

Nog netter is overigens om met createElement en appendChild te werken:
code:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html>
<head>
    <title>vierkanten generator</title>
    <script language="javascript" type="text/javascript">
    <!--
      function maakVierkanten(i) {
        j = parseInt(i);
        for (k = 1; k <= j; k++) {
            oSquare = document.createElement("div");
            oSquare.id = "s" + k;
            oSquare.style.width  = k;
            oSquare.style.height = k;
            oSquare.style.borderWidth = '1px';
            oSquare.style.borderStyle = 'solid'
            oSquare.style.borderColor = 'rgb(' + (255 - (k * 255 / j)) + ', 128,' + (k * (255 / j)) + ')';
            oSquare.style.margin = '3px';
            oSquare.style.fontSize = '0px';
            document.body.appendChild(oSquare);
        }
      }
    //-->
    </script>
</head>

<body>

<a href="javascript:maakVierkanten(prompt('hoeveel?'));">Maak es wat vierkanten</a>

</body>
</html>

Geen idee of het is wat je bedoelt, maar het moet je aardig op weg helpen lijkt me :)

  • tazmaniac20
  • Registratie: December 2001
  • Laatst online: 26-11-2025
hmmm, dit gaat mij enigzins te ver. Dit staat in de opdracht omschrijving:

Je hebt invoer van 2 getallen;
1 geheel getal n groter dan 0, dat een aantal vierkanten voorstelt
1 even geheel x getal groter dan 0 en kleiner gelijk 100, dat de lengte van de zijde van de eerste rechthoek voorstelt.

Vervolgens moet het script het totale oppervlak berekenen van deze n-vierkanten, waarbij geldt dat de zijde van rechthoel n+1 gelijk is aan de helft van de zijde van rechthoek n, en geeft dit tesamen met een visuele (ik dacht zelf aan gebruik van tabellen om deze kaders hebben) voorstelling van deze n rechthoeken weer.

eisen zijn; gebruik recursieve functie

  • Pelle
  • Registratie: Januari 2001
  • Laatst online: 02:20

Pelle

🚴‍♂️

Tsja, maar wij zijn hier dus niet van de huiswerkbrigade.

Schrijf je algoritme eerst maar eens uit in pseudocode of in een taal die je al wel beheerst, of maak er een fijne PSD van ofzo.
Als je dat gedaan hebt, dan is het een eitje om het naar JS om te zetten.

Dit topic is gesloten.