PHP 物件導向實作：四則運算與矩形面積計算（含 JS 分頁切換）

結合 JavaScript 與 PHP，實作單頁面雙功能計算器：四則運算與矩形面積計算，透過 Radio 切換顯示區塊。

前端 CatView.php

• 兩組 Radio 按鈕綁定 onclick="selType(...)" 切換 table1/table2 顯示。
• 表單送至 CatWork.php。

<script>
function selType(val){
    if(val=='jishuan'){ table1.style.display="block"; table2.style.display="none"; }
    else{ table1.style.display="none"; table2.style.display="block"; }
}
</script>
<input type="radio" name="sel" value="aa" onclick="selType('jishuan')">四則運算
<input type="radio" name="sel" value="bb" onclick="selType('area')">計算矩形
<table id="table1" style="display:block">...</table>
<table id="table2" style="display:none">...</table>

後端 CatWork.php

require_once 'Cat.class.php';
$sel = $_REQUEST['sel'];
$cat1 = new Cat();
if($sel=="aa"){
    $num1=$_REQUEST['num1']; $num2=$_REQUEST['num2']; $oper=$_REQUEST['oper'];
    echo "運算結果：".$cat1->jishuan($num1,$num2,$oper);
}else{
    $long=$_REQUEST['long']; $wid=$_REQUEST['wid'];
    echo "運算結果：".$cat1->JuxingArea($long,$wid);
}

類別 Cat.class.php

class Cat {
    function JuxingArea($long,$wid){ return $long*$wid; }
    function jishuan($num1,$num2,$oper){
        switch($oper){
            case "+": return $num1+$num2;
            case "-": return $num1-$num2;
            case "*": return $num1*$num2;
            case "/": return $num1/$num2;
        }
    }
}