Depois do nosso tutorial de introdução sobre o PHP, hoje vamos apresentar o artigo PHP Variáveis, onde explicamos a utilização das variáveis desta linguagens no HTML e no Javascript. Como usar? Como realizar operações sobre elas?
Essas e outras questões, irão certamente ser respondidas com os exemplos que hoje trazemos até si. Com isto, queremos apenas indicar que caso tenha “perdido” o primerio tutorial, poderá segui-lo aqui:
PHP: Variáveis
Uma variável em PHP não precisa de declaração de tipo. Isto é, não precisa de distinguir se é Inteiro, Texto, Boolean, entre outros. O único passo que tem a fazer é colocar o símbolo “$” antes do nome. Passamos a um exemplo:
<?php
$mensagem = "Ola Mundo";
?>
<html>
<head>
<title>Ola Mundo</title>
</head>
<body>
<?php echo $mensagem;?>
</body>
</html>Repare o leitor que logo no ínicio do código é declarada uma variável com o nome “mensagem”. O conteúdo da variável é depois chamado no corpo HTML.
Para se utilizar o PHP com Javascript é tão simples como em HTML. Por exemplo, vamos tentar somar dois números. O exemplo que se segue tem 3 variáveis:
- mensagem: Contém uma mensagem de text
- numero_1: Contém o primeiro número a somar
- numero_2: Contém o segundo número a somar
<?php
$mensagem = "Somatório de: ";
$numero_1 = 10;
$numero_2 = 5;
?>
<html>
<head>
<title>Ola Mundo</title>
</head>
<body>
<?php echo $mensagem . $numero_1 . " + " . $numero_2 ?>
<p>
<button id="somatorio" onclick="Soma();">Somar</button>
Resultado: <label id="resultado">-</label>
</body>
</html>
<script >
function Soma(){
var somatorio = <?php echo $numero_1; ?> + <?php echo $numero_2; ?>;
document.getElementById('resultado').innerHTML = somatorio;
}
</script >Repare o leitor que a única coisa que muda de aspeto é ter acrescentado as tags “<script>”. As restantes alterações são básicas e intuitivas. Desde logo a criação das variáveis. Numa segunda fase a concatenação da mensagem de texto com os números (Repare o leitor que não houve uma única vez que foi feita a distinção entre texto e númerico).
De seguida, é criado um botão que, ao click do mesmo, irá “disparar” a função de Javascript Soma que é responsável pela soma de dois valores guardados do lado do servidor (PHP).
O resultado final é 15 como era esperado.
Tem dúvidas ou sugestões? Gostaria de ver um exemplo diferente? Deixe-nos a sua opinião em comentário.
