Browse Source

Spielbrett zu html hinzugefügt und gestylt

main
Richard Halsall 2 years ago
parent
commit
a2f988f483
  1. 10
      schlangen_und_leitern/board.html
  2. 12
      schlangen_und_leitern/css/style.css

10
schlangen_und_leitern/board.html

@ -7,16 +7,24 @@
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
<script type="text/javascript" src="js/rollDice.js"></script> <script type="text/javascript" src="js/rollDice.js"></script>
<script type= "text/javascript" src="js/rollResult.js"></script> <script type= "text/javascript" src="js/rollResult.js"></script>
<script type= "text/javascript" src="js/makeBoard.js"></script>
<title>Document</title> <title>Document</title>
</head> </head>
<body> <body>
<div calss = container id="playArea">
<table id = "board"></table>
</div>
<div class = container id="würfelBereich"> <div class = container id="würfelBereich">
<img src="/img/wurfle/f(1).png" id="face"> <img src="/img/wurfle/f(1).png" id="face">
<input type = "button" id="rollButton" onclick = "changeFace()" value = "Würfeln">
<input type = "button" id="rollButton" onclick = "changeFace();drawBoard()" value = "Würfeln">
</div> </div>

12
schlangen_und_leitern/css/style.css

@ -27,3 +27,15 @@ width: auto;
font-size: 10px; font-size: 10px;
} }
.table{
width: 200px;
height: 200px;
outline: 2px solid black;
}
.th, td{
width: 80px;
height: 80px;
outline: 2px dashed black;
}
Loading…
Cancel
Save