Ny version med div. rettelser:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"
http://www.w3.org/TR/html4/loose.dtd"><html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Regneopgave Generator</title>
<style type="text/css">
html, body {
height: 100%;
margin: 0;
padding: 0;
}
#generator {
padding: 40px;
}
.container { /* Begge containere */
width: 20cm;
height: 35cm;
padding: 40px;
margin: 0 auto;
overflow: hidden;
}
#containerRes { /* Facit containeren */
}
.quest { /* Blok, der indeholder et regnestykke */
width: 150px;
margin: 30px;
float: left;
}
.quest div { /* De tre linjer i stykket */
padding-right: 12px;
font: bold 24px monospace;
text-align: right;
letter-spacing: 0.1em;
}
.quest div.under { /* Den anden linjen i stykket */
border-bottom: 1px solid #000;
background: url(plus.gif) no-repeat;
}
.quest div.dblUnder { /* Resultat linjen i stykket */
border-bottom: 4px double #000;
}
.clear {
height: 1px;
clear: both;
overflow: hidden;
}
</style>
<script type="text/JavaScript">
var d=document;
function gE(id){return d.getElementById(id)};
function cE(t){return d.createElement(t)};
function cT(s){return d.createTextNode(s)};
function gR(i){return Math.floor(Math.random()*i)};
function generate() {
var nNumQ = gE("numOfQuest").value*1,
nMinI = gE("minInt").value*1,
nMaxI = gE("maxInt").value*1,
nDec = gE("dec").value*1;
var nTmpA, nTmpB, sRes;
var oPar = gE("container"),
oParRes = gE("containerRes");
if (!oPar) {
oPar = cE("div");
oParRes = cE("div");
oPar.setAttribute("id", "container");
oParRes.setAttribute("id", "containerRes");
oPar.className = "container";
oParRes.className = "container";
}
else {
oPar.parentNode.removeChild(oPar);
while (oPar.firstChild) oPar.removeChild(oPar.firstChild);
oParRes.parentNode.removeChild(oParRes);
while (oParRes.firstChild) oParRes.removeChild(oParRes.firstChild);
}
for (var i=0,j=nNumQ; i<j; i++) {
nTmpA = nMinI + Math.random()*(nMaxI-nMinI);
nTmpB = nMinI + Math.random()*(nMaxI-nMinI);
sRes = String((nTmpA + nTmpB).toFixed(nDec)).replace(".", ",");
if (nTmpA>nTmpB) {
nTmpA = String(nTmpA.toFixed(nDec)).split(".");
nTmpB = String(nTmpB.toFixed(nDec)).split(".");
} else {
nTmpA = String(nTmpA.toFixed(nDec)).split(".");
nTmpB = String(nTmpB.toFixed(nDec)).split(".");
}
if (nDec>0) {
if (nTmpA.length<1) nTmpA[1] = "0";
if (nTmpB.length<1) nTmpB[1] = "0";
while (nTmpA[1].length<nDec) nTmpA[1] += "0";
while (nTmpB[1].length<nDec) nTmpB[1] += "0";
}
var o = cE("p");
oPar.appendChild(o);
o.className = "quest";
var oo = cE("div");
o.appendChild(oo);
oo.appendChild(cT(nTmpA));
oo = cE("div");
o.appendChild(oo);
oo.appendChild(cT(nTmpB));
oo.className = "under";
oo = cE("div");
o.appendChild(oo);
oo.appendChild(cT("\u00a0"));
oo.className = "dblUnder";
oo = o.cloneNode(true);
oParRes.appendChild(oo);
oo.getElementsByTagName("div")[2].firstChild.nodeValue = sRes;
}
o = cE("div");
oPar.appendChild(o);
o.className = "clear";
o.appendChild( cT("\u00a0") );
oParRes.appendChild( o.cloneNode(true) );
var oBody = d.getElementsByTagName("body")[0];
oBody.appendChild(oPar);
oBody.appendChild(oParRes);
}
</script>
</head>
<body>
<div id="generator">
<p>Antal opgaver:<br>
<input id="numOfQuest" type="text" value="27"></p>
<p>Mindste variabel:<br>
<input id="minInt" type="text" value="2"></p>
<p>Største variabel:<br>
<input id="maxInt" type="text" value="20"></p>
<p>Antal decimaler:<br>
<select id="dec">
<option value="0">0</option>
<option value="1">1</option>
<option value="2" selected>2</option>
<option value="3">3</option>
<option value="4">4</option>
</select></p>
<p><button onclick="generate()">Generer</button></p>
</div>
</body>
</html>
I stedet for E's (elendige) søgefunktion kan det ofte anbefales at bruge:
http://www.google.dk/advanced_search?hl=da
