Objectifs
Exercice 01
Énoncé
- Vous pouvez visualiser l'énoncé de l'activité
Solution
<!doctype html> <html lang="fr"> <head> <!-- Required meta tags --> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> <!-- Bootstrap CSS --> <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous"> <title>Calculatrice</title> <style> fieldset { border: 2px solid #dcdcdc; border-radius: 10px; padding: 10px 20px; text-align: leftt; width:70%; } legend {width:20%} </style> </head> <body> <div class="container"> <?php $resultat=0; $affichageResultat=0; if(isset($_POST["btnCalculer"]) && isset($_POST["txt_nombre1"]) && isset($_POST["txt_nombre2"])){ $n1=$_POST['txt_nombre1']; $op=$_POST['operateur']; $n2=$_POST['txt_nombre2']; if (isset($op)){ //echo("Resultat du calcul ".$n1.$op.$n2." : "); if ($op=="+") { $resultat= $n1+$n2; } elseif ($op=="-") { $resultat= $n1-$n2; } elseif ($op=="*") { $resultat= $n1*$n2; } elseif ($op=="%") { $resultat= $n1%$n2; } elseif ($op=="//") { //$resultat= $n1///$n2; } else { $resultat= $n1/$n2; } $affichageResultat= "Resultat du calcul ".$n1.$op.$n2." = ".$resultat; } } ?> <fieldset class="border p-4"> <legend class="w-auto">Calculatrice</legend> <form class="form-line input-group-sm" method="post"> <div class="form-row"> <div class="form-group col-md-2"> <label for="inputEmail4">Opérande 1</label> <input type="number" class="form-control" name="txt_nombre1" value="<?php if(isset($_POST["btnCalculer"]) && isset($_POST["txt_nombre1"])) echo $_POST["txt_nombre1"];?>"> </div> <div class="form-group col-md-3"> <label>Opérateur</label> <select class="form-control" name="operateur"> <option selected>Choisir....</option> <option option value="+" <?php echo $_POST['operateur']=='+' ? ' selected="selected"' : '' ?>>Addition</option> <option value="-" <?php echo $_POST['operateur']=='-' ? ' selected="selected"' : '' ?>>Soustraction</option> <option value="*" <?php echo $_POST['operateur']=='*' ? ' selected="selected"' : '' ?>>Multiplication</option> <option value="/" <?php echo $_POST['operateur']=='/' ? ' selected="selected"' : '' ?>>Division</option> <option value="%" <?php echo $_POST['operateur']=='%' ? ' selected="selected"' : '' ?>>Modulo</option> <option value="//" <?php echo $_POST['operateur']=='//' ? ' selected="selected"' : '' ?>>Reste de la div</option> </select> </div> <div class="form-group col-md-2"> <label for="inputPassword4">Opérande 2</label> <input type="number" class="form-control" name="txt_nombre2" value="<?php if(isset($_POST["btnCalculer"]) && isset($_POST["txt_nombre2"])) echo $_POST["txt_nombre2"];?>"> </div> <div class="form-group col-md-1"> <label style="margin-top:6px;margin-bottom:-6px;font-size: 50px;">=</label> </div> <div class="form-group col-md-4 ml-0"style="margin-left:-10px"> <label for="inputResultat">Résultat</label> <input type="text" class="form-control ml-0" name="resultat" value="<?php echo $resultat;?>"> </div> </div> <div class="form-group row"> <div class="col-lg-12"> <span id="resltat" style="font-size: 20px;color: #999;"><?php echo $affichageResultat;?></span> </div> </div> <div class="form-group row"> <div class="col-lg-12"> <button type="submit" class="btn btn-primary w-100 mb-2" name="btnCalculer">Calculer</button> </div> </div> </form> </fieldset> </div> </body> </html>