我在计算器的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:
答案 0 :(得分:0)
对于PHP,你需要一个像php一样的php-enviroment(适合初学者:使用“xampp”)
此文件通常需要文件结尾.php,因此serverside-parser可以解析文件中的php代码。
答案 1 :(得分:0)
<?php
$input = "0";
function showInput($input) {
echo $input;
};
while () {
showInput($input);
};
?>
在PHP中声明变量时,您不会使用var
。只需$
。并了解&#34;范围&#34;。您试图在函数中使用在函数外部声明的变量。哪个不起作用。所以在我的代码中,我将该变量作为参数传递给函数内部。
我给了你很多关键词和一个基本的解释,让你做更多的挖掘。
编辑:我不认为while
循环会做任何事情。什么呢?有些东西需要进入这些括号内。你在循环着什么?
答案 2 :(得分:0)
我已从您的代码中获取了代码段。
<div id="display">
<?php
var $input = "0";
function showInput() {
echo $input;
};
while () {
showInput();
};
?>
</div>
只需在我的下面更改您的代码。
<div id="display">
<?php
$input = "0";
echo $input;
?>
</div>
让我解释一下。
$input = "0";
上面的行只是初始化输入变量的值,你可以用你喜欢的任何值改变0。
echo $input;
这将在上面的第一行PHP代码中回显输出变量中保存的值。如果您已声明另一个变量,您也可以回显,只需在$符号后更改变量名称。 $ sign让PHP知道它的变量名称启动。
答案 3 :(得分:0)
将这些部分更正为这些部分,您的代码将起作用
<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="equal" class="button">
=
</div>
</div>
<div class="row">
<div id="plus" class="button">
+
</div>
<div id="minus" class="button">
-
</div>
<div id="multiply" class="button">
x
</div>
<div id="divide" class="button">
/
</div>
<div id="display">
<?php
function showInput() {
$input = "0";
echo $input;
}
?>
</div>
</div>
答案 4 :(得分:0)
您尚未在while
循环中设置参数。 While
究竟是什么?您还需要查找变量范围。函数无法访问函数中未包含的变量,在这种情况下解析它们。例如
<?php
$input = "0";
function showInput($input)
{
echo $input;
};
showInput($input);
?>
的代码示例