46 lines
1.0 KiB
HTML
46 lines
1.0 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="fr">
|
|
|
|
<head>
|
|
<title>Compteur de clics </title>
|
|
<meta charset="utf-8">
|
|
<link rel="stylesheet" href="style.css">
|
|
|
|
</head>
|
|
|
|
<body>
|
|
<h1>Mon beau site </h1>
|
|
<nav>
|
|
<h2 id="titreMenu">Menu</h2>
|
|
<ul id="menu">
|
|
<li>1</li>
|
|
<li>2</li>
|
|
<li>3</li>
|
|
<li>4</li>
|
|
</ul>
|
|
</nav>
|
|
|
|
<section id="content">
|
|
<div id="preview"></div>
|
|
</section>
|
|
<p>
|
|
<button id="atoi">A toi de jouer</button>
|
|
<span id="felicitation"></span>
|
|
</p>
|
|
<p>
|
|
<button onclick="enBleu()">Bleu</button>
|
|
<button onclick="enRouge()">Rouge</button>
|
|
</p>
|
|
<script>
|
|
function enBleu(){
|
|
document.body.style.backgroundColor = "#0000FF";
|
|
}
|
|
function enRouge(){
|
|
document.body.style.backgroundColor = "#AA0000";
|
|
}
|
|
</script>
|
|
<script src="script.js"></script>
|
|
</body>
|
|
|
|
</html>
|