Guess the Movie Release Years!

\n \n

View All Guesses

\n \n \n \n `\n}\n\nfunction calculateScore(movies, guesses) {\n return movies.reduce((score, movie, index) => {\n const actualYear = new Date(movie.release_date).getFullYear()\n const guessedYear = parseInt(guesses[index])\n const difference = Math.abs(actualYear - guessedYear)\n if (difference === 0) return score + 3\n if (difference <= 10) return score + 1\n return score\n }, 0)\n}\n\nfunction generateResultsHTML(movies, guesses, score) {\n return `\n \n \n Quiz Results\n \n \n \n

Your Quiz Results

Your score: ${score} out of 15

\n ${\n movies.map((movie, index) => {\n const actualYear = new Date(movie.release_date).getFullYear()\n const guessedYear = parseInt(guesses[index])\n const difference = Math.abs(actualYear - guessedYear)\n let resultClass = \"incorrect\"\n if (difference === 0) resultClass = \"correct\"\n else if (difference <= 10) resultClass = \"close\"\n return `\n

\n $\"${movie.title}\"$ \n

${movie.title}

You guessed ${guessedYear}, actual year was ${actualYear}

\n `\n }).join(\"\")\n }\n Play Again | View All Guesses\n \n \n \n `\n}\n\nfunction generateAllGuessesHTML(allGuesses) {\n return `\n \n \n All Guesses\n \n \n \n

All Guesses

\n \n \n \n \n \n \n ${\n allGuesses.flatMap(guess =>\n guess.map(movie => `\n \n \n \n \n \n `)\n ).join(\"\")\n }\n

Movie Title	Guessed Year	Correct Year
${movie.movieTitle}	${movie.guessedYear}	${movie.correctYear}

Back to Quiz

\n \n \n \n `\n}\n\nexport default async function main(req: Request): Promise {\n const { author, name } = extractValInfo(import.meta.url)\n const guessesKey = `${author}.${name}.guesses`\n\n const url = new URL(req.url)\n const path = url.pathname\n\n if (path === \"/all-guesses\") {\n const allGuesses = await blob.getJSON(guessesKey) || []\n return new Response(generateAllGuessesHTML(allGuesses), {\n headers: { \"Content-Type\": \"text/html\" },\n })\n }\n\n if (req.method === \"GET\") {\n const movies = await fetchRandomMovies()\n const uuid = crypto.randomUUID()\n const moviesKey = `${author}.${name}.movies.${uuid}`\n await blob.setJSON(moviesKey, movies)\n return new Response(generateQuizHTML(movies, uuid), {\n headers: { \"Content-Type\": \"text/html\" },\n })\n } else if (req.method === \"POST\") {\n const formData = await req.formData()\n const uuid = formData.get(\"uuid\")\n const moviesKey = `${author}.${name}.movies.${uuid}`\n const guesses = Array.from({ length: 5 }, (_, i) => formData.get(`guess${i}`))\n const movies = await blob.getJSON(moviesKey)\n if (!movies) {\n return new Response(\"Error: No movies found. Please try again.\", { status: 400 })\n }\n const score = calculateScore(movies, guesses)\n\n // Store guesses and correct dates\n const guessData = movies.map((movie, index) => ({\n movieId: movie.id,\n movieTitle: movie.title,\n guessedYear: parseInt(guesses[index]),\n correctYear: new Date(movie.release_date).getFullYear(),\n }))\n\n let allGuesses = await blob.getJSON(guessesKey) || []\n allGuesses.push(guessData)\n await blob.setJSON(guessesKey, allGuesses)\n\n return new Response(generateResultsHTML(movies, guesses, score), {\n headers: { \"Content-Type\": \"text/html\" },\n })\n }\n return new Response(\"Method not allowed\", { status: 405 })\n}","deleted","label",[98],"permalink","https://www.val.town/x/tmcw/whenfilmed/code/main.tsx","extension","actionData","errors"]