greg/website
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

css for addition.html

Browse Source
This commit is contained in:
Grégory Lebreton 2025-05-15 10:55:25 +02:00
parent c943a59e96
commit 3a1825eb72
4 changed files with 15 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
content/addition.html
View File

@ -3,8 +3,9 @@
<head> <head>
<meta charset="UTF-8"> <meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1"> <meta name="viewport" content="width=device-width, initial-scale=1">
<title>Additionneur avec Bulma</title> <title>Additionner</title>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bulma@0.9.4/css/bulma.min.css"> <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bulma@0.9.4/css/bulma.min.css">
<script src="../static/js/script.js"></script>
</head> </head>
<body> <body>
<section class="section"> <section class="section">
@ -28,7 +29,7 @@
<div class="field is-grouped is-justify-content-center"> <div class="field is-grouped is-justify-content-center">
<div class="control"> <div class="control">
<button class="button is-primary" onclick="additionner()">Additionner</button> <button class="button is-primary" id="additionner" >Additionner</button>
</div> </div>
</div> </div>

1
index.html
View File

@ -28,6 +28,7 @@
<a class="navbar-item" href="./index.html"> Home </a> <a class="navbar-item" href="./index.html"> Home </a>
<a class="navbar-item" href="./content/contact.html"> Contact </a> <a class="navbar-item" href="./content/contact.html"> Contact </a>
<a class="navbar-item" href="./content/produits.html"> Produits </a> <a class="navbar-item" href="./content/produits.html"> Produits </a>
<a class="navbar-item" href="./content/addition.html"> Addition </a>
</div> </div>
</div> </div>

11
static/css/style.css
View File

@ -18,6 +18,7 @@ h3 h1 {
color: var(--primary-text-color) !important; color: var(--primary-text-color) !important;
} }
/* DARK MODE */ /* DARK MODE */
:root { :root {
--bg-color: #fff; --bg-color: #fff;
@ -72,12 +73,19 @@ body {
/* TRICKY BOUTON */ /* TRICKY BOUTON */
.button-area { .button-area {
width: 100%; width: 80%;
height: 300px; height: 300px;
position:relative; position:relative;
overflow: hidden; overflow: hidden;
border: 1px solid #ccc; border: 1px solid #ccc;
margin: 0 auto;
} }
.contour {
border: 1px solid #ccc;
width: 80%;
margin: 0 auto;
}
#trickyButton { #trickyButton {
position: absolute; position: absolute;
@ -91,6 +99,7 @@ body {
} }
#incrementer { #incrementer {
margin-top: 5px;
padding: 10px 20px; padding: 10px 20px;
background-color: #3f57c0 !important; background-color: #3f57c0 !important;
color: white !important; color: white !important;

1
static/js/script.js
View File

@ -60,6 +60,7 @@ document.addEventListener("DOMContentLoaded", function () {
} else { } else {
const somme = a + b; const somme = a + b;
document.getElementById('resultat').textContent = somme; document.getElementById('resultat').textContent = somme;
document.getElementById('resultBox').style.display = "block";
} }
}); });
}); });