Exercices HTML intermédiaire

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
mochecal

Ce que ça pourrais donner avec un p’tit css ^^
moinsmochecal

3 « J'aime »

Jolie réalisation ! Continue comme cela :wink:

1 « J'aime »