diff --git a/bingo.html b/bingo.html
index 03c63e4..72351e2 100644
--- a/bingo.html
+++ b/bingo.html
@@ -8,6 +8,8 @@
Bingo
+
+
diff --git a/script.js b/script.js
index f99fe31..d39c875 100644
--- a/script.js
+++ b/script.js
@@ -41,9 +41,16 @@ function generateTable() {
row = thead.insertRow();
}
let cell = row.insertCell();
+
let text = document.createTextNode(field);
cell.appendChild(text);
});
+
+ table.addEventListener('click', (ev) => {
+ if (ev.target.tagName.toLowerCase() == "td" ) {
+ ev.target.style.borderColor = "green";
+ }
+ });
}
generateTable();
diff --git a/style.css b/style.css
new file mode 100644
index 0000000..3962a15
--- /dev/null
+++ b/style.css
@@ -0,0 +1,12 @@
+table, th, td {
+ border: 1px solid;
+}
+
+table {
+ width: 100%;
+}
+
+td {
+ text-align: center;
+ height: 50px;
+}