Calcolatrice php by @garghy64 - Codewith.it

#main, .loader-cont { display: none; } JavaScript disabilitato.
Non puoi usare Codewith.it senza JavaScript.

Referenze

<tfoot>Definisce il footer o sezione inferiore di una tabella.
relServe a definire la relazione tra il documento e una risorsa.
listCollega un elemento input con una lista di opzioni datalist
formactionPermette di definire l'URL di una pagina web a cui inviare i dati di un form
<nav>Definisce un menu di navigazione
formSpecifica a quale form appartiene un elemento.

Utenti

Accedi per cercare utenti

Esplora

Trova ispirazione

Lezione 3/11 pt.2

Esercizio sui cicli

Geyser NEW 25 Litri

Esercitazione n.1

La Mia Pagina Personale beginner a

le mie materie preferite

Bootstrap List Grid

Esercizio tabella

Cascaded-Treemap

HTML

CSS

JS

terminal console

feedback

add_box Nuovo

cookie Informativa

Informativa privacy e cookies

Utilizziamo cookie o tecnologie per finalità tecniche e, con il tuo consenso, anche per altre finalità come specificato nella cookie policy. Il rifiuto del consenso può rendere non disponibili alcune funzioni. Leggi di più sull'informativa privacy

Clicca su “Accetta” per acconsentire.

<html lang="it">
  <head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Calcolatrice php</title>
    <link rel="stylesheet" href="styles.css">
  </head>
  <body>
    <div class="calculator">
        <input type="text" class="display" id="display" disabled>
        <div class="buttons">
            <button value="1">1</button>
            <button value="2">2</button>
            <button value="3">3</button>
            <button value="+">+</button>
            <button value="4">4</button>
            <button value="5">5</button>
            <button value="6">6</button>
            <button value="-">-</button>
            <button value="7">7</button>
            <button value="8">8</button>
            <button value="9">9</button>
            <button value="*">*</button>
            <button value="C">C</button>
            <button value="0">0</button>
            <button value="=">=</button>
            <button value="/">/</button>
        </div>
    </div>
  </body>
</html>

body {
    display: flex;
    justify-content: center; 
    align-items: center; 
    height: 100vh; 
    margin: 0;
    background-color: #f4f4f4; 
    font-family: Arial, sans-serif; 
}

.calculator {
    background-color: #333; 
    padding: 20px; 
    border-radius: 10px; 
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1); 
}

#display {
    width: 100%;
    height: 50px;
    background-color: #222; 
    color: #fff; 
    border: none; 
    text-align: right; 
    padding: 10px; 
    font-size: 24px; 
    border-radius: 5px; 
    margin-bottom: 10px; 
}

.buttons {
    display: grid; 
    grid-template-columns: repeat(4, 1fr); 
    gap: 10px; 
}

button {
    background-color: #444; 
    color: #fff; 
    border: none; 
    padding: 20px; 
    font-size: 18px; 
    border-radius: 5px; 
    cursor: pointer; 
    transition: background-color 0.3s; 
}

button:hover {
    background-color: #555; 
}

button.zero {
    grid-column: span 2; 
}

<?php 
if (isset($_POST['calculate'])) {
    $previousInput = $_POST['previousInput'] ?? '';
    $currentInput = $_POST['currentInput'] ?? '';
    $operator = $_POST['operator'] ?? '';
    $result = '';

    if ($previousInput !== '' && $currentInput !== '' && $operator !== '') {
        switch ($operator) {
            case '+':
                $result = $previousInput + $currentInput;
                break;
            case '-':
                $result = $previousInput - $currentInput;
                break;
            case '*':
                $result = $previousInput * $currentInput;
                break;
            case '/':
                if ($currentInput != 0) {
                    $result = $previousInput / $currentInput;
                } else {
                    $result = "Error: Division by zero";
                }
                break;
        }
        $previousInput = $result;
        $currentInput = '';
        $operator = '';
    }
} else if (isset($_POST['clear'])) {
    $currentInput = '';
    $previousInput = '';
    $operator = '';
    $result = '';
} else if (isset($_POST['digit'])) {
    $digit = $_POST['digit'];
    $currentInput .= $digit;
    $result = ''; // Clear result when a new digit is entered
} else if (isset($_POST['operation'])) {
    $operation = $_POST['operation'];
    if ($currentInput !== '') {
        $previousInput = $currentInput;
        $operator = $operation;
        $currentInput = '';
        $result = ''; // Clear result when an operator is selected
    }
}
?>