Witam, mam problem ze stworzeniem tabliczki mnożenia, która ma być zrobiona za pomocą dynamicznego tworzenia zawartości strony w js, ogólnie to co mam teraz wygląda tak:
<!DOCTYPE html>
<html>
<head>
<title>Tabliczka mnożenia</title>
<meta charset="UTF-8"/>
<style>
th {background-color:orange;}
td {background-color:lightgrey;}
table, tr, td {border: 1px solid grey;}
</style>
<head>
<body>
<table id="tabelka"></table>
<script>
var tab = document.getElementById('tabelka');
for (var y=1; y<=10; y++) {
var tr = document.creatElement('tr');
for (var x=1; x<=10; x++) {
var tekst = document.createTextNode(x*y);
var tekst1 = document.createTextNode(y);
if (y == 1 || x==1) {
var elem = document.createElement('th';)
else elem = document.creatElement('th');
elem.appendChild(tekst);
tr.appendChild(elem);
}
tr.appendChild(ele);
}
tab.appendChild(tr)
</script>
</body>
</html>
Męczę się już nad tym 2 dni. Nie potrafię powiedzieć czego brakuje, a gdzie mam błąd. Ma być to tabliczka mnożenia, która wykorzystuje "table". Pierwszy wiersz od górnej lewej strony poziomy i pionowy ma mieć pomarańczowy kolor tła, reszta szary kolor tła. Proszę o pomoc.