Leute, bitte, ich brauche Hilfe, wer programmieren kann.
Ich habe es versucht, aber keine Ahnung warum, es funktioniert nicht.
Ich wäre sehr dankbar, wenn ich Tipps oder so hier bekommen würde.
Was fehlt? Was ist falsch?
JavaScript:
"use strict";
window.addEventListener("load", init);
let i;
let t;
let tr;
let td;
function init() {
console.log("Fenster ist geladen");
let btn = document.getElementById("btn");
btn.addEventListener("click", btn_angeklickt);
}
function btn_angeklickt() {
console.log("btn angecklickt");
let zeilen = document.getElementById("zeilen").value;
console.log(zeilen);
let spalten = document.getElementById("spalten").value;
console.log(spalten);
let table = document.getElementById("bratan");
for (i = 0; i < spalten.value; i++);
{
tr = document.createElement("tr");
table.appendChild(tr);
for (t = 0; t < zeilen.value; t++);
{
td = document.createElement("td");
if (i % 2 == t % 2) {
td.style.backgroundColor = colors[0];
td.style.height = "60px";
td.style.width = "60px";
}
else {
td.style.backgroundColor = colors[1];
td.style.height = "60px";
td.style.width = "60px";
}
}
}
tr.appendChild(td);
}
let colors = ["#044272", "#80AB52"];
HTML:
<label for="Anzahl">Zeilen</label>
<input type="number" id="zeilen">
<br><br>
<label for="Anzahl">Spalten</label>
<input type="number" id="spalten">
</form>
<br>
<button type="button" id="btn" value="btn">erstelle Schachbrett</button>
<table id="bratan"></table>
