Javascript


5 spel


1. Gissa Numret
Beskrivning: Ett enkelt spel där datorn väljer ett slumpmässigt nummer mellan 1 och 100, och spelaren måste gissa vilket det är. Efter varje gissning ger spelet en ledtråd om det rätta numret är högre eller lägre.

Grundkodsexempel:

let secretNumber = Math.floor(Math.random() * 100) + 1;
let guesses = 0;

function guessNumber(userGuess) {
  guesses++;
  if (userGuess === secretNumber) {
    alert(`Grattis! Du gissade rätt nummer på ${guesses} försök.`);
  } else if (userGuess < secretNumber) {
    alert("För lågt! Försök igen.");
  } else {
    alert("För högt! Försök igen.");
  }
}


2. Memory-kortspel
Beskrivning: Ett spel där spelaren vänder på kort för att hitta par av matchande bilder. Spelet kräver att man använder arrayer och DOM-manipulation för att hantera korten och klickhändelser.

Grundkodsexempel:
const cards = ['A', 'A', 'B', 'B', 'C', 'C'];
// Blanda korten och lägg till dem i spelbrädet
// Funktion för att hantera klick på kort

function shuffleCards(array) {
  array.sort(() => Math.random() - 0.5);
}

3. Enkel Plattformsspelare
Beskrivning: Ett grundläggande plattformsspel där spelaren kan styra en karaktär som hoppar över hinder och samlar poäng. Detta spel introducerar konceptet med animationer och grundläggande fysik.

Grundkodsexempel:
let player = { x: 10, y: 10, velocityY: 0 };

function gameLoop() {
  // Uppdatera spelarens position
  // Hantera kollisioner och poäng
  requestAnimationFrame(gameLoop);
}

function jump() {
  if (player.onGround) {
    player.velocityY = -10; // Hoppkraft
  }
}

4. Snake-spel
Beskrivning: Klassiskt Snake-spel där spelaren styr en orm som växer när den äter mat. Spelet blir svårare ju längre ormen blir.

Grundkodsexempel:
let snake = [{ x: 2, y: 2 }];
let food = { x: 5, y: 5 };
let direction = { x: 1, y: 0 };

function gameLoop() {
  // Uppdatera ormens position
  // Kolla efter kollision med mat eller väggar
}

function changeDirection(newDirection) {
  direction = newDirection;
}

5. Korsord
Beskrivning: Ett enkelt korsord där spelaren fyller i bokstäver i ett rutnät baserat på ledtrådar.

Grundkodsexempel:
let crossword = [
  ['H', 'E', 'L', 'L', 'O'],
  ['W', 'O', 'R', 'L', 'D']
];
// Funktion för att visa korsordet och ta emot användarens input

function checkAnswer(x, y, direction, answer) {
  // Logik för att kontrollera om svaret är korrekt
}




Den här sidan designades av 21C: