Correction exercices les formulaires en PHP : Série 03
Correction exercices les formulaires en PHP : Série 03
-
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 btn-block mb-2" name="btnCalculer">Calculer</button>
</div>
</div>
</form>
</fieldset>
</div>
</body>
</html>