Click here for free DL of the app version that can save data.

No:45010

136

Create a card game
Developer User19545｜Date and time 24/2/19 23:58:46
Build time 11.158 sec｜Game capacity 2.034KB｜

لعبة الورق

→ 　

0　

0　

[PR]現在のプレゼントランキング

Click here for free DL of the app version that can save data.

(C)2023 HisashiApp

<!DOCTYPE html>
<html>
<head>
<title>لعبة الورق</title>
<style>
  body {
    font-family: Arial, sans-serif;
    text-align: center;
  }
  .card {
    width: 100px;
    height: 150px;
    border: 1px solid black;
    margin: 10px;
    display: inline-block;
  }
</style>
</head>
<body>

<h1>لعبة الورق</h1>

<div id="playerHand">
  
</div>

<div id="computerHand">
  
</div>

<button onclick="play()">لعب</button>

<script>
  // مصفوفة تحتوي على جميع البطاقات
  const deck = ['A', '2', '3', '4', '5', '6', '7', '8', '9', '10', 'J', 'Q', 'K'];
  
  // مصفوفة تحتوي على بطاقات اللاعب
  let playerCards = [];
  
  // مصفوفة تحتوي على بطاقات الكمبيوتر
  let computerCards = [];
  
  // دالة للعب اللعبة
  function play() {
    // توزيع بطاقات اللاعب والكمبيوتر
    for(let i = 0; i < 3; i++) {
      let playerIndex = Math.floor(Math.random() * deck.length);
      playerCards.push(deck[playerIndex]);
      
      let computerIndex = Math.floor(Math.random() * deck.length);
      computerCards.push(deck[computerIndex]);
    }
    
    // عرض بطاقات اللاعب
    let playerHand = document.getElementById('playerHand');
    playerHand.innerHTML = '';
    playerCards.forEach(card => {
      let cardElement = document.createElement('div');
      cardElement.className = 'card';
      cardElement.textContent = card;
      playerHand.appendChild(cardElement);
    });
    
    // عرض بطاقات الكمبيوتر
    let computerHand = document.getElementById('computerHand');
    computerHand.innerHTML = '';
    computerCards.forEach(card => {
      let cardElement = document.createElement('div');
      cardElement.className = 'card';
      cardElement.textContent = card;
      computerHand.appendChild(cardElement);
    });
  }
</script>

</body>
</html>