By GokiSoft.com| 14:18 15/04/2022|
Học PHP

[Video] Tạo máy tinh căn bản bằng PHP - Calculator in PHP - C2110I

Tạo máy tinh căn bản bằng PHP - Calculator in PHP



form:
	- input: a -> ???
	- input: b -> ???
	- input: cal -> + - * / % -> PHP hien dc -> chung ta dinh lam gi???




<?php
$a = $b = $cal = $result = "";
if(!empty($_GET)) {
    $a = $_GET['a'];
    $b = $_GET['b'];
    $cal = $_GET['cal'];

    switch ($cal) {
        case '+':
            $result = $a + $b;
            break;
        case '-':
            $result = $a - $b;
            break;
        case '*':
            $result = $a * $b;
            break;
        case '/':
            $result = $a / $b;
            break;
        case '%':
            $result = $a % $b;
            break;
    }
}

if($a != "") {
    $result = "$a $cal $b = $result";
}
?>

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <script src="https://code.jquery.com/jquery-latest.js"></script>
    <title>Calculator Online</title>
    <style>
        table {
            margin: auto;
            margin-top: 50px;
            background: #BBBBBB;
        }

        .pheptinh {
            background: orange;
        }

        #c {
            width: 100px;
            height: 40px;
        }

        .btn {
            width: 50px;
            height: 40px;
        }

        .calcu {
            width: 200px;
            height: 30px;
        }
    </style>
</head>

<body>
    <form method="get" id="MyForm" style="display: none;">
        <input type="text" name="a" placeholder="Enter a" value="<?=$a?>">
        <input type="text" name="b" placeholder="Enter b" value="<?=$b?>">
        <input type="text" name="cal" placeholder="Enter calculator" value="<?=$cal?>">
        <?=$result?>
        <button>Tinh</button>
    </form>
    <table>
        <tr>
            <td colspan="4"><input class="calcu" id="calcu" type="text" readonly="true" value="<?=$result?>"></td>
        </tr>
        <tr>
            <td><input type="button" class="btn" value="AC"></td>
            <td><input type="button" class="btn" value="+/-"></td>
            <td><input type="button" class="btn" value="%"></td>
            <td><input type="button" class="btn pheptinh" value="/"></td>
        </tr>
        <tr>
            <td><input type="button" class="btn" value="7"></td>
            <td><input type="button" class="btn" value="8"></td>
            <td><input type="button" class="btn" value="9"></td>
            <td><input type="button" class="btn pheptinh" value="*"></td>
        </tr>
        <tr>
            <td><input type="button" class="btn" value="4"></td>
            <td><input type="button" class="btn" value="5"></td>
            <td><input type="button" class="btn" value="6"></td>
            <td><input type="button" class="btn pheptinh" value="-"></td>
        </tr>
        <tr>
            <td><input type="button" class="btn" value="1"></td>
            <td><input type="button" class="btn" value="2"></td>
            <td><input type="button" class="btn" value="3"></td>
            <td><input type="button" class="btn pheptinh" value="+"></td>
        </tr>
        <tr>
            <td colspan="2"><input type="button" class="btn" id="c" value="0"></td>
            <td><input type="button" class="btn" value="."></td>
            <td><input type="submit" class="btn pheptinh" value="="></td>
        </tr>
    </table>

<script type="text/javascript">
    var a = '';
    var b = '';
    var cal = '';

    $(function() {
        $('input').click(function() {
            var v = $(this).val()

            switch(v) {
                case '.':
                case '0':
                case '1':
                case '2':
                case '3':
                case '4':
                case '5':
                case '6':
                case '7':
                case '8':
                case '9':
                    if(cal != '') {
                        b += v
                    } else {
                        a += v
                    }
                break;
                case '+':
                case '-':
                case '*':
                case '/':
                case '%':
                    cal = v
                break;
                case 'AC':
                    a = ''
                    b = ''
                    cal = ''
                break;
                case '=':
                    $('#MyForm').submit()
                break;
            }

            $('[name=a]').val(a)
            $('[name=b]').val(b)
            $('[name=cal]').val(cal)
            $('#calcu').val(`${a} ${cal} ${b}`)
        })
    })
</script>
</body>
</html>




Tags:



Phản hồi từ học viên

5

(Dựa trên đánh giá ngày hôm nay)

Đăng nhập để làm bài kiểm tra

Chưa có kết quả nào trước đó