app.js

// import words array & jumble function
import { jumble } from "./utils.js";
import { words } from "./words.js";
const jumbledWord = document.getElementById("jumbled-word");
const guessInput = document.getElementById("guess-input");
const submitButton = document.getElementById("submit-button");
const resultMessage = document.getElementById("result");

let currentWord = "";

function setup() {
  currentWord = words[Math.floor(Math.random() * words.length)];
  jumbledWord.textContent = jumble(currentWord);
}

function handleGuess(event) {
  event.preventDefault();
  const guess = guessInput.value;

  if (guess === currentWord) {
    resultMessage.textContent = "You win!";
  } else {
    resultMessage.textContent = "Sorry, try again.";
  }
}

setup();
submitButton.addEventListener("click", handleGuess);

//function called jumble and a const called words