I det här kapitlet får du möjlighet att utveckla dina färdigheter i att skapa konsolapplikationer när vi bygger ett spännande Gissa numret-spel. Det här interaktiva spelet utmanar spelare att använda sin intuition för att gissa ett slumpmässigt genererat nummer inom ett fördefinierat intervall. Under arbetets gång kommer vi att utforska grundläggande koncept som:

• Slumpmässig talgenerering;
• Inmatningsvalidering;
• Användarinteraktion;
• Även spara spelresultat till en fil.

Utmaning

Föreställ dig att utforska en app som lovar spänning och nyfikenhet. Spelare bjuds in att gissa ett mystiskt valt nummer inom ett fördefinierat intervall. Appen ger omedelbar återkoppling på varje gissning och håller noggrant räkning på antalet försök.

Detta praktiska exempel är din möjlighet att finslipa dina färdigheter i att bygga CLI-appar och visar konsten att skapa interaktiva program.

Slutlig app

Se magin i praktiken! Nedan visas en GIF som illustrerar det spännande Gissa numret-spelet som du kommer att bygga:

Bygga en gissningsspel-konsolapp

Du står inför två vägar. Det första alternativet lockar dig att påbörja resan utan hjälp, medan det andra erbjuder en hjälpsam guide för att säkerställa din framgång. Oavsett om du kastar dig in modigt eller följer den strukturerade guiden väntar en fascinerande upplevelse som lämnar dig med en funktionell och fängslande konsolapp.

Huvudplan

• Steg 1: Installation och initiering;
• Steg 2: Definiera spelparametrar;
• Steg 3: Definiera hjälpfunktioner;
• Steg 4: Spellogik;
• Steg 5: Spara spelresultat;
• Steg 6: Starta spelet;
• Slutsats;
• Komplett appkod.

Steg 1: Installation och initiering

Förbered arbetsytan genom att skapa en ny katalog och en fil med namnet app.js. I denna fil importerar vi de nödvändiga modulerna:

const readline = require('readline');
const fs = require('fs').promises;

Skapa ett Readline-gränssnitt:

const rl = readline.createInterface({
  input: process.stdin,
  output: process.stdout
});

Förklaring: Vi importerar de nödvändiga modulerna: readline för användarinteraktion och fs.promises för filoperationer. Därefter skapar vi ett Readline-gränssnitt med namnet rl för att hantera in- och utmatning.

Steg 2: Definiera spelparametrar

Ange minsta och största tal:

const minNumber = 1;
const maxNumber = 100;

Generera det hemliga numret:

const secretNumber =
  Math.floor(Math.random() * (maxNumber - minNumber + 1)) + minNumber;

Initiera räknaren för försök:

let attempts = 0;

Förklaring: Vi definierar intervallet av tal (minNumber och maxNumber) inom vilket det hemliga numret kommer att genereras. Det hemliga numret genereras slumpmässigt med hjälp av Math.random() och tilldelas secretNumber. Variabeln attempts initieras för att hålla reda på användarens försök.

Steg 3: Definiera hjälpfunktioner

Utrusta med en hjälpfunktion för felfri validering:

function isValidGuess(guess) {
  return !isNaN(guess)
    && guess >= minNumber
    && guess <= maxNumber;
}

Förklaring: Funktionen isValidGuess kontrollerar om användarens gissning är ett giltigt tal inom det angivna intervallet (minNumber till maxNumber).

Steg 4: Spellogik

Spelets kärnmekanik via funktionen playGame:

function playGame() {
  rl.question(`Guess a number between ${minNumber} and ${maxNumber}: `, guess => {
    if (isValidGuess(guess)) {
      attempts++;
      const guessNumber = parseInt(guess);

      if (guessNumber === secretNumber) {
        console.log(`Congratulations! You guessed the number in ${attempts} attempts.`);
        saveGameResult(`Player won in ${attempts} attempts.`);
        rl.close();
      } else if (guessNumber < secretNumber) {
        console.log('Try higher.');
        playGame();
      } else {
        console.log('Try lower.');
        playGame();
      }
    } else {
      console.log('Please enter a valid number within the specified range.');
      playGame();
    }
  });
}

Förklaring: Funktionen playGame utgör spelets huvudloop. Den använder rl.question för att be användaren om en gissning. Om gissningen är giltig kontrollerar funktionen om gissningen matchar det hemliga numret. Om inte, ger den feedback till användaren och fortsätter spel-loopen rekursivt.

Steg 5: Spara spelresultat

Implementera logiken för att spara användarens spelprestationer i filen game_results.txt.

async function saveGameResult(result) {
  try {
    await fs.appendFile('game_results.txt', `${result}\n`);
    console.log('Game result saved.');
  } catch (err) {
    console.log('Failed to save game result.');
  }
}

Förklaring: Funktionen saveGameResult använder fs.promises för att lägga till spelresultatet i en fil med namnet game_results.txt. Den ger återkoppling om det lyckades eller misslyckades att spara resultatet.

Steg 6: Starta spelet

Skapa välkomstmeddelandet och starta spelet:

console.log('Welcome to the Guess the Number game!');
playGame();

Förklaring: Vi visar ett välkomstmeddelande och startar spelloppet genom att anropa funktionen playGame.

Fullständig appkod

const readline = require("readline");
const fs = require("fs").promises;

const rl = readline.createInterface({
  input: process.stdin,
  output: process.stdout,
});

const minNumber = 1;
const maxNumber = 100;

const secretNumber =
  Math.floor(Math.random() * (maxNumber - minNumber + 1)) + minNumber;
let attempts = 0;

function isValidGuess(guess) {
  return !isNaN(guess) && guess >= minNumber && guess <= maxNumber;
}

function playGame() {
  rl.question(
    `Guess a number between ${minNumber} and ${maxNumber}: `,
    (guess) => {
      if (isValidGuess(guess)) {
        attempts++;
        const guessNumber = parseInt(guess);

        if (guessNumber === secretNumber) {
          console.log(
            `Congratulations! You guessed the number in ${attempts} attempts.`
          );
          saveGameResult(`Player won in ${attempts} attempts.`);
          rl.close();
        } else if (guessNumber < secretNumber) {
          console.log("Try higher.");
          playGame();
        } else {
          console.log("Try lower.");
          playGame();
        }
      } else {
        console.log("Please enter a valid number within the specified range.");
        playGame();
      }
    }
  );
}

async function saveGameResult(result) {
  try {
    await fs.appendFile("game_results.txt", `${result}\n`);
    console.log("Game result saved.");
  } catch (err) {
    console.log("Failed to save game result.");
  }
}

console.log("Welcome to the Guess the Number game!");
playGame();