rapisenpai/calcu.php

## calcu.php
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>PHP Operators</title>
    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <link href="https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap" rel="stylesheet">
    <style>
        *{

            font-family: 'Poppins', sans-serif;
        }
        #input {
            height: 40px;
            border: black solid 1px;
            border-radius: 3px;
            margin: 5px;
            width: 300px;
        }
        #menu {
            margin-top: 5px;
            font-size: 20px;
            padding: 2px;
        }
        button {
            background-color: #04AA6D;
            border: none;
            color: white;
            font-size: 20px;
            border-radius: 5px;
            margin-top: 5px;
            padding: 7px 20px 7px 20px;
        }
        button:hover {
            background-color: #059862;
        }
        input {
            text-align: center;
            font-size: 17px;
        }
        .main {
            display: flex;
            margin: 0 auto;
            background-color: #04AA6D;
            max-width: 700px;
            margin-top: 50px;
            padding: 20px;
            border-radius: 10px;
            background-color: #F2F2F2;
        }
        label {
            display: inline-block;
            width: 200px;
        }
        .forms {
            display: block;
            margin: 0 auto;
        }
    </style>
</head>
<body>
<!-- <p>Write a PHP code that will ask for 2 integers and the operator to perform mathematical operations.</p> -->
    <div class="main">
        <div class="forms">
            <form>
                <label for="num1">Enter 1st number:</label>
                <input id="input" type="text" name="num1">
                <br>
                <label for="operators">Enter operator:</label>
                <input id="input" type="text" name="operators">
                <br>
                <label for="num2">Enter 2nd number:</label>
                <input id="input" type="text" name="num2">
                <br>
                <button name="submit" value="submit" type="submit">Total</button>
            </form>
            <?php
            if (isset($_GET['submit'])) {
                $num1 = $_GET['num1'];
                $num2 = $_GET['num2'];
                $operator = $_GET['operators'];
                if (!is_numeric($num1) || !is_numeric($num2)) {
                    echo "<br>Invalid number";
                }
                elseif (empty($num1) || empty($num2)) {
                    echo "<br>Please enter a number";
                } else {
                    switch ($operator) {
                        case "+":
                            echo "<p>" . "Answer is: " . $num1 + $num2 . "</p>";
                            break;

                        case "*":
                            echo "<p>" . "Answer is: " . $num1 * $num2 . "</p>";
                            break;

                        case "x":
                            echo "<p>" . "Answer is: " . $num1 * $num2 . "</p>";
                            break;

                        case "/":
                            echo "<p>" . "Answer is: " . $num1 / $num2 . "</p>";
                            break;

                        case "-":
                            echo "<p>" . "Answer is: " . $num1 - $num2 . "</p>";
                            break;

                        case "%":
                            echo "<p>" . "Answer is: " . $num1 % $num2 . "</p>";
                            break;

                        case "**":
                            echo "<p>" . "Answer is: " . $num1 ** $num2 . "</p>";
                            break;
                        default:
                            echo "<br>Please enter a valid operator or number";
                    }
                }
            }
            ?>
        </div>
    </div>
</body>
</html>
	<!DOCTYPE html>
	<html lang="en">
	<head>
	<meta charset="UTF-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<title>PHP Operators</title>
	<link rel="preconnect" href="https://fonts.googleapis.com">
	<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
	<link href="https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap" rel="stylesheet">
	<style>
	*{

	font-family: 'Poppins', sans-serif;
	}
	#input {
	height: 40px;
	border: black solid 1px;
	border-radius: 3px;
	margin: 5px;
	width: 300px;
	}
	#menu {
	margin-top: 5px;
	font-size: 20px;
	padding: 2px;
	}
	button {
	background-color: #04AA6D;
	border: none;
	color: white;
	font-size: 20px;
	border-radius: 5px;
	margin-top: 5px;
	padding: 7px 20px 7px 20px;
	}
	button:hover {
	background-color: #059862;
	}
	input {
	text-align: center;
	font-size: 17px;
	}
	.main {
	display: flex;
	margin: 0 auto;
	background-color: #04AA6D;
	max-width: 700px;
	margin-top: 50px;
	padding: 20px;
	border-radius: 10px;
	background-color: #F2F2F2;
	}
	label {
	display: inline-block;
	width: 200px;
	}
	.forms {
	display: block;
	margin: 0 auto;
	}
	</style>
	</head>
	<body>
	<!-- <p>Write a PHP code that will ask for 2 integers and the operator to perform mathematical operations.</p> -->
	<div class="main">
	<div class="forms">
	<form>
	<label for="num1">Enter 1st number:</label>
	<input id="input" type="text" name="num1">
	<br>
	<label for="operators">Enter operator:</label>
	<input id="input" type="text" name="operators">
	<br>
	<label for="num2">Enter 2nd number:</label>
	<input id="input" type="text" name="num2">
	<br>
	<button name="submit" value="submit" type="submit">Total</button>
	</form>
	<?php
	if (isset($_GET['submit'])) {
	$num1 = $_GET['num1'];
	$num2 = $_GET['num2'];
	$operator = $_GET['operators'];
	if (!is_numeric($num1) \|\| !is_numeric($num2)) {
	echo "<br>Invalid number";
	}
	elseif (empty($num1) \|\| empty($num2)) {
	echo "<br>Please enter a number";
	} else {
	switch ($operator) {
	case "+":
	echo "<p>" . "Answer is: " . $num1 + $num2 . "</p>";
	break;

	case "*":
	echo "<p>" . "Answer is: " . $num1 * $num2 . "</p>";
	break;

	case "x":
	echo "<p>" . "Answer is: " . $num1 * $num2 . "</p>";
	break;

	case "/":
	echo "<p>" . "Answer is: " . $num1 / $num2 . "</p>";
	break;

	case "-":
	echo "<p>" . "Answer is: " . $num1 - $num2 . "</p>";
	break;

	case "%":
	echo "<p>" . "Answer is: " . $num1 % $num2 . "</p>";
	break;

	case "**":
	echo "<p>" . "Answer is: " . $num1 ** $num2 . "</p>";
	break;
	default:
	echo "<br>Please enter a valid operator or number";
	}
	}
	}
	?>
	</div>
	</div>
	</body>
	</html>