clientTemp.html 1.73 KB
Newer Older
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71
<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  </head>
  <body>
    <input id="username" type="text" placeholder="user-name<inaktif>" />

    <div style="display: flex; justify-content: center; align-items: center">
      <div
        id="odaOlustur"
        style="
          height: 500px;
          width: 300px;
          border: solid 1px black;
          margin: 20px;
        "
      >
        <p>ODA OLUŞTUR</p>
        <button id="odaOlusturBtn" type="submit">Olustur</button>
        <br />
        <input
          id="mesajGonderOdaOlusturInput"
          type="text"
          placeholder="mesaj"
        />
        <button id="mesajGonderBtnOdaOlustur" type="submit">Gonder</button>
        <hr />
      </div>

      <div
        id="odayaKatil"
        style="
          height: 500px;
          width: 300px;
          border: solid 1px black;
          margin: 20px;
        "
      >
        <p>ODAYA KATIL</p>
        <button id="odadanAyrilBtn" type="submit">Odadan Ayril</button>
        <br />
        <input id="odayaKatilInput" type="text" placeholder="key" />
        <button id="odayaKatilBtn" type="submit">Odaya Katil</button>

        <input
          id="mesajGonderOdayaKatilInput"
          type="text"
          placeholder="mesaj"
        />
        <button id="mesajGonderBtnOdayaKatil" type="submit">Gonder</button>
        <hr />
      </div>

      <div
        id="oyuncuAra"
        style="
          height: 500px;
          width: 300px;
          border: solid 1px black;
          margin: 20px;
        "
      >
        <p>OYUNCU ARA</p>
      </div>
    </div>

    <script src="./clientApp.js"></script>
  </body>
</html>