7.リクエストスコープ

1.簡易電卓①

以下のような簡易電卓のWebアプリケーションを①～⑦を埋めることで完成させなさい。

簡易電卓　入力画面

2つの数値、数値１、２を入れて四則演算子を選択し、「submit」ボタンを押すと、

簡易電卓　結果表示画面

「〇〇算の結果：△」と計算結果が表示される。

割る数に0が入力された場合は「0での割り算はできません」と表示する。

ヒント：アドレスバーの最後がどうなっているかよく観察すること。

＜ソースコード①＞

<html>
    <head>
        <title>calculator</title>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    </head>
    <body>
        <form action="Caluculator.jsp" method="①">

            <label for= "n1"><b>数値1</b></label>
            <input type= "text" name = "num1" id="n1"><br>
            <label for = "n2"><b>数値2</b></label>
            <input type= "text" name = "num2" id="n2"><br>

            <input type = "radio" name = "ope" value = "Add">+
            <input type = "radio" name = "ope" value = "Sub">-<br>
            <input type = "radio" name = "ope" value = "Mul">*
            <input type = "radio" name = "ope" value = "Div">/<br>

            <input type="submit" value="submit">
        </form>
    </body>
</html>

<html>

<head>

<title>calculator</title>

</head>

<body>

<input type = "radio" name = "ope" value = "Add">+

<input type = "radio" name = "ope" value = "Mul">*

</form>

</body>

</html>

＜ソースコード②＞

<!DOCTYPE html>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <title>Caluculator</title>
    </head>
    <body>
        <%
            double num1 = Double.parseDouble(②);
            double num2 = Double.parseDouble(③);

            String operation = request.getParameter("ope");

            if (operation.equals("④")) {
                double add = num1 + num2;
                out.println("足し算の結果: " + add);
            } else if (operation.equals("⑤")) {
                double sub = num1 - num2;
                out.println("引き算の結果: " + sub);
            } else if (operation.equals("⑥")) {
                double mul = num1 * num2;
                out.println("掛け算の結果: " + mul);
            } else if (operation.equals("⑦")) {
                if (num2 == 0) {
                    out.println("0での割り算はできません");
                } else {
                    double div = num1 / num2;
                    out.println("割り算の結果: " + div);
                }
            }
        %>
    </body>
</html>

<!DOCTYPE html>

<html>

<head>

<title>Caluculator</title>

</head>

<body>

double num1 = Double.parseDouble(②);

double num2 = Double.parseDouble(③);

String operation = request.getParameter("ope");

if (operation.equals("④")) {

double add = num1 + num2;

out.println("足し算の結果: " + add);

} else if (operation.equals("⑤")) {

double sub = num1 - num2;

out.println("引き算の結果: " + sub);

} else if (operation.equals("⑥")) {

double mul = num1 * num2;

out.println("掛け算の結果: " + mul);

} else if (operation.equals("⑦")) {

if (num2 == 0) {

out.println("0での割り算はできません");

} else {

double div = num1 / num2;

out.println("割り算の結果: " + div);

}

</body>

</html>

2.簡易電卓②

上記簡易電卓を下記のスケルトンから書き起こしなさい。

<html>
    <head>
        <title>calculator</title>
        <meta charset="UTF-8">
    </head>
    <body>

    </body>
</html>

<html>

<head>

<title>calculator</title>

</head>

<body>

</body>

</html>

<!DOCTYPE html>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <title>Caluculator</title>
    </head>
    <body>
        <%
　　　　　　
        %>
    </body>
</html>

<!DOCTYPE html>

<html>

<head>

<title>Caluculator</title>

</head>

<body>

</body>

</html>

3.オリジナル問題作成

将来の後輩のために良い問題が出来たら教えてください。

JavaWebアプリケーション問題集トップページに戻る

MENU

1.簡易電卓①

2.簡易電卓②

3.オリジナル問題作成

新入社員研修ポータル

ZOOMを使った遠隔研修メニュー（PDFが開きます）

新人エンジニアのためのJavaタイピングゲーム

新人プログラマのためのプログラミング動画

新入社員研修ポータル