Skip to content
View kennyblack92's full-sized avatar
4 followers · 12 following

Achievements

Achievement: Quickdraw

Achievements

Achievement: Quickdraw

Block or report kennyblack92

Block user

Prevent this user from interacting with your repositories and sending you notifications. Learn more about blocking users.

You must be logged in to block users.

Maximum 250 characters. Please don’t include any personal information such as legal names or email addresses. Markdown is supported. This note will only be visible to you.
Report abuse

Contact GitHub support about this user’s behavior. Learn more about reporting abuse.

Report abuse
kennyblack92/README.md
<title>XOXO Game</title> <style> body { font-family: Arial, sans-serif; display: flex; justify-content: center; align-items: center; height: 100vh; margin: 0; background-color: #f0f0f0; } .game { display: grid; grid-template-columns: repeat(3, 100px); grid-template-rows: repeat(3, 100px); gap: 10px; border: 2px solid #000; padding: 10px; background-color: #fff; } .cell { width: 100px; height: 100px; border: 1px solid #000; display: flex; justify-content: center; align-items: center; font-size: 24px; font-weight: bold; cursor: pointer; } .cell:hover { background-color: #ddd; } .game-over { background-color: rgba(255, 0, 0, 0.5); } </style>
<script> const cells = []; const gameOver = () => { for (let i = 0; i < 3; i++) { if (cells[i * 3].textContent === cells[i * 3 + 1].textContent && cells[i * 3].textContent === cells[i * 3 + 2].textContent && cells[i * 3].textContent !== '') { return true; } if (cells[i].textContent === cells[i + 3].textContent && cells[i].textContent === cells[i + 6].textContent && cells[i].textContent !== '') { return true; } } if (cells[0].textContent === cells[4].textContent && cells[0].textContent === cells[8].textContent && cells[0].textContent !== '') { return true; } if (cells[2].textContent === cells[4].textContent && cells[2].textContent === cells[6].textContent && cells[2].textContent !== '') { return true; } return false; }; const draw = () => { for (let i = 0; i < 9; i++) { if (cells[i].textContent === '') { return false; } } return true; }; const resetGame = () => { for (let i = 0; i < 9; i++) { cells[i].textContent = ''; } }; const handleCellClick = (cell) => { if (cell.textContent === '') { cell.textContent = 'X'; if (gameOver()) { document.querySelector('.game').classList.add('game-over'); } else if (draw()) { alert('Draw!'); resetGame(); } else { cell.textContent = 'O'; if (gameOver()) { document.querySelector('.game').classList.add('game-over'); } else if (draw()) { alert('Draw!'); resetGame(); } } } }; const createGame = () => { const game = document.querySelector('.game'); for (let i = 0; i < 9; i++) { const cell = document.createElement('div'); cell.classList.add('cell'); cell.textContent = ''; cell.addEventListener('click', () =>

Pinned Loading

  1. levanter levanter Public

    Forked from lyfe00011/levanter

    JavaScript