JSFiddle - React, Tailwind, and code Playground
HTML
<form>
<input type="text" name="Name" value="Lazy"/>
<input type="text" name="Anzahl" value="5"/>
</form>
<div id="feld"></div>
<script type="text/javascript">Create();</script>
JavaScript
var randomNr = new Array();
var randomNr2 = new Array();
//+ Jonas Raoni Soares Silva
//@ http://jsfromhell.com/array/shuffle [v1.0]
function shuffle(o) { //v1.0
for (var j, x, i = o.length; i; j = parseInt(Math.random() * i), x = o[--i], o[i] = o[j], o[j] = x);
return o;
};
function Create() {
if (document.forms[0][0].value == "") {
alert("Bitte Ihren Namen eingeben!");
document.forms[0][0].focus();
return false;
}
if (document.forms[0][1].value > 0 && document.forms[0][1].value < 9) {
for (var i = 0; i < document.forms[0][1].value; i++) {
randomNr[i] = i + 1;
randomNr2[i] = i + 1;
};
shuffle(randomNr);
shuffle(randomNr2);
for (var i = 0; i < document.forms[0][1].value; i++) {
attribute(randomNr[i]);
attribute(randomNr2[i]);
}
} else {
alert("Bitte eine gĂĽltige Zahl zwischen 0 und 9 angeben!");
}
}
function attribute(random) {
var karte = document.createElement("img");
karte.setAttribute("src", "http://www.abload.de/img/twonkygrinsk6uq6.png");
karte.setAttribute("float", "left");
karte.setAttribute("onClick", "mClick()");
karte.setAttribute("name", "card" + random);
document.getElementById("feld").appendChild(karte);
}
function mClick() {
}