From e4d6f398806a5fb23d4743ba3b28dd48e5fd03c5 Mon Sep 17 00:00:00 2001 From: Djalim Simaila Date: Wed, 22 Jan 2025 11:43:52 +0100 Subject: [PATCH] feat(TP3): add HTML and JavaScript files for a number guessing game application - Create TP3.html to provide the game interface with two game modes. - Implement TP3.js to handle game logic, including number generation and user interactions. --- TP3.html | 33 +++++++++++++++++ static/js/TP3.js | 94 ++++++++++++++++++++++++++++++++++++++++++++++++ 2 files changed, 127 insertions(+) create mode 100644 TP3.html create mode 100644 static/js/TP3.js diff --git a/TP3.html b/TP3.html new file mode 100644 index 0000000..7cc2faa --- /dev/null +++ b/TP3.html @@ -0,0 +1,33 @@ + + + + + + +
+
+ + +
+ + +
+ + + + diff --git a/static/js/TP3.js b/static/js/TP3.js new file mode 100644 index 0000000..10e9a35 --- /dev/null +++ b/static/js/TP3.js @@ -0,0 +1,94 @@ +// bool if player/computer found the number +var found; +var numberToGuess; +var guessedNumber; +var minimum; +var maximum; + + +function hide(element){ + element.classList.add("hidden") +} +function unhide(element){ + element.classList.remove("hidden") +} + + +function showText(element, text){ + console.log(element); + console.log(text); + element.textContent = text; +} + +/** + * Represents a book. + * @constructor + * @param {string} title - The title of the book. + * @param {string} author - The author of the book. + */ +function randint(min,max) { + return Math.floor(Math.random() * (max - min + 1) + min); +} + +function back(){ + unhide(document.getElementById("game_selection")); + hide(document.getElementById("game_one")); + hide(document.getElementById("game_two")); +} + + +function setup_game_one(){ + hide(document.getElementById("game_selection")) + unhide(document.getElementById("game_one")); + numberToGuess = randint(1,100); + console.log(numberToGuess) + showText(document.getElementById("message1"),"") + document.getElementById("player_input").value = ""; +} + +function process_guess(){ + console.log("processing"); + let guessedNumber = parseInt(document.getElementById("player_input").value); + let message_box = document.getElementById("message1"); + if (isNaN(guessedNumber)){ + showText(message_box,"Not a valid number, Try again"); + } + if (guessedNumber > numberToGuess) { + showText(message_box,"Nop, Too high, try again"); + } + if (guessedNumber < numberToGuess) { + showText(message_box,"Nop, Too low, try again"); + } + if (guessedNumber === numberToGuess) { + showText(message_box,"You found it well played"); + } + console.log("done processing"); +} +/// +function pick_number(smart=false){ + if(smart) return Math.floor((minimum+maximum)/2); + return randint(minimum,maximum); +} + +function setup_game_two(){ + hide(document.getElementById("game_selection")) + unhide(document.getElementById("game_two")); + minimum = 1; + maximum = 100; + guessedNumber = pick_number() + showText(document.getElementById("message2"),"is it "+guessedNumber+" ?") +} + +function lower(){ + maximum = guessedNumber - 1; + guessedNumber = pick_number() + showText(document.getElementById("message2"),"is it "+guessedNumber+" ?") +} +function greater(){ + minimum = guessedNumber + 1; + guessedNumber = pick_number() + showText(document.getElementById("message2"),"is it "+guessedNumber+" ?") +} +function found(){ + showText(document.getElementById("message2"),"yay i found it") +}