Funktion erstellt um Stein zu Setzen ins Spielfeld

2 years ago · e76c8bc0e5
3 changed files with 6 additions and 3 deletions
--- a/vier_gewinnt/CSS/style.css
+++ b/vier_gewinnt/CSS/style.css
@ -18,5 +18,5 @@ td{
 }

 td:hover{
-    background-color: aliceblue;
+    background-color: rgb(80, 80, 80);
 }
--- a/vier_gewinnt/JS/steinSetzen.js
+++ b/vier_gewinnt/JS/steinSetzen.js
@ -0,0 +1,3 @@
+function setzeStein(reihe, spalte) {
+    document.getElementById(reihe + "/" + spalte).style.backgroundColor= "red";
+}
--- a/vier_gewinnt/vierGewinnt.html
+++ b/vier_gewinnt/vierGewinnt.html
@ -5,7 +5,7 @@
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="./CSS/style.css">
-    <script src="/JS/vierGewint.js"></script>
+    <script src="./JS/steinSetzen.js"></script>
    <title>Vier Gewinnt</title>
 </head>
 <body>
@ -59,7 +59,7 @@
            <td></td>
        </tr>
        <tr>
-            <td></td>
+            <td id="1/1" onclick="setzeStein(1,1);"></td>
            <td></td>
            <td></td>
            <td></td>