<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>TP 3.1</title> </head> <body> <div id="board"> <div id="p1"> <div class="avatar_info"><img id="img" src="img.jpg"/></div> <div class="hand"> <button class="tile" data-value="5" data-family="bamboo">5 b</button> <button class="tile" data-value="5" data-family="bamboo">5 b</button> <button class="tile" data-value="5" data-family="bamboo">5 b</button> </div> <div class="actionZone"> <p> Action zone </p> <div class="pon" data-turn="3" data-status="visible"> <button class="tile" data-value="4" data-family="circle">4 c</button> <button class="tile" data-value="4" data-family="circle">4 c</button> <button class="tile" data-value="4" data-family="circle">4 c</button> </div> </div> </div> </div> <button id="drawForExample"></button> <button id="Kan">Kan</button> </body> <script src="script.js" ></script> </html>
