Comme mes camarades je me suis lancé dans la création d’une petite calculette
<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="utf-8" />
<title>Calculatrice en HTML</title>
<link rel="shortcut icon" href="favicon.ico" type="image/x-icon" />
<meta name="Auteur" content="Seika" />
<meta
name="description"
content="exercice intermédiaire du livre Devenir développeur fullstack"
/>
</head>
<body>
<table>
<tr>
<th colspan="2">
<button type="button" style="background-color: red;">M1</button>
</th>
<th colspan="2">
<button type="button" style="background-color: green;">M2</button>
</th>
</tr>
<tr>
<th><button type="button">√</button></th>
<th><button type="button">π</button></th>
<th><button type="button">%</button></th>
<th><button type="button">÷</button></th>
</tr>
<tr>
<th><button type="button">7</button></th>
<th><button type="button">8</button></th>
<th><button type="button">9</button></th>
<th><button type="button">x</button></th>
</tr>
<tr>
<th><button type="button">4</button></th>
<th><button type="button">5</button></th>
<th><button type="button">6</button></th>
<th><button type="button">-</button></th>
</tr>
<tr>
<th><button type="button">1</button></th>
<th><button type="button">2</button></th>
<th><button type="button">3</button></th>
<th><button type="button">+</button></th>
</tr>
<tr>
<th><button type="button">0</button></th>
<th><button type="button">,</button></th>
<th colspan="2"><button type="submit">=</button></th>
</tr>
</table>
</body>
</html>
ce que ça donne en html
Ce que ça pourrais donner avec un p’tit css ^^