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>
<meta charset="UTF-8">
<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">
<script src="../static/js/script.js"></script>
</head>
<body>
<section class="section">
@ -28,7 +29,7 @@
<div class="field is-grouped is-justify-content-center">
<div class="control">
<button class="button is-primary" onclick="additionner()">Additionner</button>
<button class="button is-primary" id="additionner" >Additionner</button>
</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="./content/contact.html"> Contact </a>
<a class="navbar-item" href="./content/produits.html"> Produits </a>
<a class="navbar-item" href="./content/addition.html"> Addition </a>
</div>
</div>

11
static/css/style.css
View File

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

1
static/js/script.js
View File

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