Correction exercices les formulaires en PHP : Série 03

Correction exercices les formulaires en PHP : Série 03

  1. Objectifs

  2. Exercice 01

    1. Énoncé
    2. 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 btn-block mb-2" name="btnCalculer">Calculer</button>
          </div>
        </div> 
        </form>
        
            </fieldset>
        </div>
            </body>
        </html>





Laisser un commentaire

Abonnez vous à notre chaîne YouTube gratuitement