site-perso-poly/TP3.html
Djalim Simaila 904d8daee6
All checks were successful
DEPLOY / deploy (push) Successful in 12s
feat: update navigation links and add new pages for improved user experience
- Change "Surprise :)" link to "Vibe check" across multiple HTML files for consistency and clarity.
- Add a new "about.html" page to provide information about the author.
- Introduce a new "quizz.html" page for user interaction and engagement.
- Create new project pages for "Lieutenant Champignon" and "Pong" to showcase additional projects.
- Remove outdated project pages and links to streamline the project section.
- Add new assets including images and PDFs to enhance content presentation.
- Update JavaScript functions for form validation and score calculation in the quizz page.
- Improve styling in CSS for better visual hierarchy and layout consistency.
2025-02-23 19:55:42 +01:00

80 lines
2.9 KiB
HTML

<!doctype html>
<html lang="fr">
<head>
<title>TP3</title>
<meta charset="UTF-8" />
<link rel="stylesheet" href="/static/style.css" />
<script src="/static/js/utils.js" defer></script>
<script src="/static/js/TP3.js" defer></script>
</head>
<body>
<header>
<div class="links">
<a href="/" class="header_button">Home Page</a>
<a href="/projects.html" class="header_button">Projets</a>
<a href="/about.html" class="header_button">A propos de moi</a>
<a href="/quizz" class="header_button">Vibe check</a>
<a href="https://djalim.fr" class="header_button">Blog Perso</a>
</div>
<button
id="display_header_links"
onclick="toggle_all_header_links()"
>
</button>
</header>
<main>
<div id="game_selection">
<button type="button" onclick="setup_game_one()">
Game 1 : You guess
</button>
<button type="button" onclick="setup_game_two()">
Game 2 : The computer guesses
</button>
</div>
<div id="game_one" class="hidden">
<h3>Which number am i thinking about ? :)</h3>
<p id="message1"></p>
<form action="javascript:;" onsubmit="process_guess()">
<input
type="text"
id="player_input"
placeholder="type here"
/>
<button type="submit">Try guess</button>
</form>
<button type="button" onclick="setup_game_one()">
Retry game
</button>
<button type="button" onclick="back()">
Back to game selection
</button>
</div>
<div id="game_two" class="hidden">
<h3>Which number are you thinking about ? :)</h3>
<p id="message2"></p>
<button type="button" onclick="lower()"><u>L</u>ower</button>
<button type="button" onclick="greater()">
<u>G</u>reater
</button>
<button type="button" onclick="found()"><u>F</u>ound</button>
<button type="button" onclick="setup_game_two()">
<u>R</u>etry game
</button>
<button type="button" onclick="back()">
Back to game selection
</button>
</div>
</main>
<footer>
<p>
Fait par Djalim Simaila et sa haine de l'HTML, CSS, mais pas du
JavaScript ♥️
</p>
<p>©2025</p>
</footer>
</body>
</html>