-1

電卓の div に入力を表示する際に問題があります。何も表示されません。私は何を間違っていますか?私はPHPにかなり慣れていないので、これから学べるようにできるだけ詳しく説明してください。可能であれば、常に最新の入力になるように、変数を常に更新する必要があります。これは私のコードです。問題はコードの PHP 部分にあります。

HTML:

<!DOCTYPE HTML>
<html>
    <head>
        <title>Calculator</title>

        <link rel="stylesheet" type="text/css" href="stylesheet.css">


        <script src="http://code.jquery.com/jquery-2.0.2.min.js"></script>
        <script src="http://code.jquery.com/color/jquery.color.plus-names-2.1.2.min.js"></script>
        <script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script>       
        <script src="http://ricostacruz.com/jquery.transit/jquery.transit.min.js"></script>
        <script type="text/javascript" src="script.js"></script>

    </head>

    <body>
        <div id="device">

            <div class="row">
                <div id="C" class="button">
                    C
                </div>

                <div id="MCR" class="button">
                    MCR
                </div>

                <div id="M+" class="button">
                    M+
                </div>

                <div id="M-" class="button">
                    M-
                </div>
            </div>

            <div class="row">
                <div id="7" class="button" >
                    7
                </div>

                <div id="4" class="button">
                    4
                </div>

                <div id="1" class="button">
                    1
                </div>

                <div id="0" class="button">
                    0
                </div>
            </div>

            <div class="row">
                <div id="8" class="button">
                    8
                </div>

                <div id="5" class="button">
                    5
                </div>

                <div id="2" class="button">
                    2
                </div>

                <div id="." class="button">
                    .
                </div>
            </div>

            <div class="row">
                <div id="9" class="button">
                    9
                </div>

                <div id="6" class="button">
                    6
                </div>

                <div id="3" class="button">
                    3
                </div>

                <div id="=" class="button">
                    =
                </div>
            </div>

            <div class="row">
                <div id="+" class="button">
                    +   
                </div>

                <div id="-" class="button">
                    -
                </div>

                <div id="x" class="button">
                    x
                </div>

                <div id="/" class="button">
                    /
                </div>

                <div id="display">
                        <?php 
                            var $input = "0";

                            function showInput()    {
                                echo $input;
                            };

                            while () {
                                showInput();
                            };
                        ?>
                </div>
            </div>
        </div>
    </body>
</html>

CSS:

body, html {
    height: 100%;
    width: 100%;
    padding: 0;
    margin: 0;
}

#device {
    width: 450px;
    height: 400px;
    background-color: #AB988B;
    margin: 150px;
    margin-top: 50px;
    padding: 30px;
    border-radius: 25px;
    border: solid 10px #B06A3B;
    padding-top: 100px;
}

#display    {
    width: 450px;
    height: 75px;
    background-color: #D4E7ED;
    margin: auto;
    border-radius: 5px;
    margin-bottom: 30px;
    top: 80px;
    left: 190px;
    position: absolute;
    color:  #B06A3B;
    font-size: 25px;
    line-height: 75px;
}

.button {
    width: 65px;
    height: 75px;
    background-color: #7195A3;
    border: solid 2px #EB8540;
    color:  #B06A3B;
    font-size: 25px;
    line-height: 75px;
    margin-top: 15px;
    margin-right: 17.5px;
    text-align: center;
    font-weight: 900;
    font-family: arial;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -o-user-select: none;
    user-select: none; 
    cursor: pointer;
}

.row    {
    display: inline-block;
}

jsFiddle:

http://jsfiddle.net/D9gWF/

4

5 に答える 5

0

PHP の場合、php を使用した apache のような php 環境が必要です (初心者の場合は「xampp」を使用してください)。

このファイルは通常、ファイルの末尾に .php を必要とするため、サーバーサイド パーサーはファイル内の php コードを解析できます。

于 2013-07-29T12:58:56.963 に答える
0

whileループに引数が設定されていません。While正確には?また、変数のスコープを調べる必要があります。関数は、関数内に含まれていない変数にアクセスできません。この場合、それらを解析します。例

<?php
    $input = "0";

    function showInput($input)
    {
        echo $input;
    };

    showInput($input);

?>

これは、私の編集で動作するコードの例ですhttp://phpfiddle.org/main/code/1nh-wda

于 2013-07-29T13:21:26.063 に答える