mougnibas/projet-clicodrome
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

ptits arrangements

Browse source
This commit is contained in:
thaaoblues 2024-12-22 19:03:45 +01:00
parent d4e5705411
commit 6e33cfc44e
4 changed files with 70 additions and 57 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

119
index.html
View file

@ -4,78 +4,89 @@
<meta charset="UTF-8"> <meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Prog Web Legend</title> <title>Prog Web Legend</title>
<script> alert("click")</script>
<link rel="stylesheet" href="" id="link-css"> <link rel="stylesheet" href="" id="link-css">
<link rel="stylesheet" href="./css/index.css"> <link rel="stylesheet" href="./css/index.css">
<link rel="stylesheet" href="./css/alerte/a1.css" id="alerte-css"> <link rel="stylesheet" href="./css/alerte/a1.css" id="alerte-css">
</head>
<body>
<script src="./js/intro.js" defer></script> <script src="./js/intro.js" defer></script>
<script src="./js/element.js"></script> <script src="./js/element.js"></script>
<script src="./js/technologie.js"></script> <script src="./js/technologie.js"></script>
<script src="./js/main.js" defer></script> <script src="./js/main.js" defer></script>
<script src="./js/alerte.js"></script> <script src="./js/alerte.js"></script>
<script src="./js/collegue.js"></script> <script src="./js/collegue.js"></script>
<div id="confetti-container"></div>
<div id="div_score" style=" display: flex; justify-content: center;">
</head>
<body>
</div> <div id="conteneur_confetti"></div>
<div id="div_button" style=" display: flex; justify-content: center;"> <section>
<div id="div_score" style=" display: flex; justify-content: center;">
<button id="bouton-prof" onclick="leBoostDuProf()">Le Méga Boost du Prof</button>
</div>
<table id="table_magasin_technologies" class="table_magasin">
<thead id="table_magasin_technologies_head">
</thead>
<tbody id="table_magasin_technologies_body">
</tbody>
</table>
<table style="margin-top:10px ;">
<thead>
<th>nom</th>
<th>revenu passif</th>
<th>cout</th>
<th>lien</th>
</thead>
<tbody id="table_magasin_collegues_body">
</tbody>
</table>
<!-- Custom Alert Modal -->
<div id="alerte_jolie" class="modal">
<div class="modal-content">
<span class="close-btn" onclick="fermerAlerte()">&times;</span>
<p id="message_alerte_jolie"></p>
<button onclick="fermerAlerte()">OK</button>
</div> </div>
</div>
<div class="ad" style="display: none;"> <div id="div_button" style=" display: flex; justify-content: center;">
<img src="./img/miaou1.jpeg" alt="Chat" class="adt2"> <button id="bouton-prof" onclick="leBoostDuProf()">Le Méga Boost du Prof</button>
<div></div> </div>
<img src="./img/GIF-CHATON.gif" alt="Chat" class="adt3"> </section>
</div>
<div class="div-centrer-contenu">
<img id="image-collegue-animee">
</div> <section>
<table id="table_magasin_technologies" class="table_magasin">
<thead id="table_magasin_technologies_head">
</thead>
<tbody id="table_magasin_technologies_body">
</tbody>
</table>
<table style="margin-top:10px ;">
<thead>
<th>nom</th>
<th>revenu passif</th>
<th>cout</th>
<th>lien</th>
</thead>
<tbody id="table_magasin_collegues_body">
</tbody>
</table>
</section>
<!-- Signaler que ces éléments sont superflus avec une balise d'accessibilité-->
<aside>
<!-- Alerte personalisée pour faire évoluer le style -->
<div id="alerte_jolie" class="modal">
<div class="modal-content">
<span class="close-btn" onclick="fermerAlerte()">&times;</span>
<p id="message_alerte_jolie"></p>
<button onclick="fermerAlerte()">OK</button>
</div>
</div>
<div class="ad" style="display: none;">
<img src="./img/miaou1.jpeg" alt="Chat" class="adt2">
<div></div>
<img src="./img/GIF-CHATON.gif" alt="Chat" class="adt3">
</div>
<div class="div-centrer-contenu">
<img id="image-collegue-animee">
</div>
</aside>
</body> </body>
<footer> <footer>
<p>L'evolution est non contractuelle, adaptée pour le gameplay</p> <p>L'evolution est non contractuelle, adaptée pour le gameplay</p>
</footer> </footer>
</html> </html>

5
js/intro.js
View file

@ -1,5 +1,8 @@
document.addEventListener("click",firstClick)
window.addEventListener("DOMContentLoaded",(w,e)=>{
ouvrirAlerte("Cliquez sur OK pour jouer !")
firstClick()
})
function firstClick(){ function firstClick(){
let position_button=document.getElementById("div_button") let position_button=document.getElementById("div_button")

2
js/main.js
View file

@ -298,7 +298,7 @@ function leBoostDuProf(){
// fonction qui va creer plein d'elements confetti // fonction qui va creer plein d'elements confetti
function genererConfetti() { function genererConfetti() {
const container = document.getElementById("confetti-container") const container = document.getElementById("conteneur_confetti")
// couleurs des confetti à generer // couleurs des confetti à generer
const colors = ["#FF5733", "#33FF57", "#3357FF", "#FF33A1", "#FFD633", "#A833FF", "#33FFF6"] const colors = ["#FF5733", "#33FF57", "#3357FF", "#FF33A1", "#FFD633", "#A833FF", "#33FFF6"]

1
lisezmoi.md
View file

@ -41,7 +41,6 @@ XHTML5
- mettre des animations quand le score change de milier ( feu d'artifice ?) - mettre des animations quand le score change de milier ( feu d'artifice ?)
- vidéos - vidéos
- ne faire apparaitre les header du tableau qu'au premier clic - ne faire apparaitre les header du tableau qu'au premier clic
- faire une fonction qui en fonction de la puissance de 10 troncature le nb et met "milions", "quintilions"...
- mettre un palier où des photos aparaissent à coté de chaque collegue dans le magasin - mettre un palier où des photos aparaissent à coté de chaque collegue dans le magasin
## Idée de con ## Idée de con