Cálculos e comparações pequenas

Neste capítulo você vai calcular uma quantidade e comparar valores com tipos conhecidos.

Seu ponto de partida

Estude depois do capítulo 03. O exemplo deste capítulo é 04-calculos-comparacoes, no pacote que acompanha o volume. Copie a pasta inicio para um diretório de prática e preserve o original. A raiz do exemplo é a referência concluída desta etapa. Sua cópia permite experimentar sem perder a referência.

Execute o PHP na raiz da sua cópia com php -S 127.0.0.1:8000 -t public. Abra http://127.0.0.1:8000/. Não abra PHP por duplo clique nem use o servidor de Python. Encerre com Ctrl+C antes de trocar de etapa.

Como praticar

Leia a explicação e digite ou confira o código indicado. Mude uma coisa. Antes de conferir, anote sua previsão. Salve, recarregue e compare. Se não acontecer o esperado, investigue o erro antes de avançar. Cada experiência parte dos valores da referência. Depois de conferir, desfaça somente a mudança desse experimento antes de começar a próxima lição. Você pode parar depois de uma lição e retomar mais tarde.

Calcule com números

Somar, subtrair, multiplicar e dividir são operações. Atribuição guarda o resultado para você mostrar depois. Use números escritos no exemplo antes de trabalhar com texto recebido de um formulário.

A oficina fictícia tem doze vagas e três ocupadas. A subtração calcula as restantes. Mudar vagas recalcula restantes a cada pedido. Isso difere de escrever “9” diretamente no HTML.

Faça no seu exemplo

Em public/index.php, localize o bloco indicado. A referência completa acompanha esta etapa.

$vagas = 12;
$ocupadas = 3;
$restantes = $vagas - $ocupadas;

Mude uma coisa e preveja

Troque apenas ocupadas de 3 para 5.

Anote o que você acha que vai acontecer antes de salvar e recarregar.

Recarregue e confira

Restantes passa de 9 para 7.

Se não acontecer

Se continuar 9, confira se o parágrafo usa a variável restantes, e não um número escrito no HTML.

Parênteses mostram a intenção

Multiplicação e divisão têm prioridade sobre soma e subtração. Parênteses mudam a ordem e ajudam quem lê. Não use uma divisão cujo divisor pode ser zero. O exemplo usa quantidades inteiras pequenas para facilitar a conferência.

O total soma dois grupos antes de multiplicar por duas sessões. Faça o cálculo no papel para comparar com o navegador.

Faça no seu exemplo

Em public/index.php, localize o bloco indicado. A referência completa acompanha esta etapa.

$total = (2 + 3) * 2;

Mude uma coisa e preveja

Retire somente os parênteses de (2 + 3).

Anote o que você acha que vai acontecer antes de salvar e recarregar.

Recarregue e confira

O resultado passa de 10 para 8. Reponha os parênteses para restaurar a intenção.

Se não acontecer

Se obtiver outro resultado, reescreva a expressão completa e confira os operadores. O ponto concatena texto, não multiplica.

Compare sem misturar tipos

Igual atribui. Três sinais de igual comparam valor e tipo. Dois sinais de igual podem converter tipos; neste percurso prefira comparação estrita quando espera um valor de tipo conhecido. Maior que e menor que comparam quantidades.

Uma comparação produz um booleano. A referência mostra Sim ou Não para tornar esse resultado legível. Comparamos restantes com zero para reconhecer disponibilidade.

Faça no seu exemplo

Em public/index.php, localize o bloco indicado. A referência completa acompanha esta etapa.

$temVagas = $restantes > 0;
$mesmoTipo = 12 === "12";

Mude uma coisa e preveja

Troque somente “12” por 12 na comparação de mesmoTipo.

Anote o que você acha que vai acontecer antes de salvar e recarregar.

Recarregue e confira

Mesmo valor e tipo passa a Sim.

Se não acontecer

Se a comparação for = em vez de ===, você estará atribuindo um valor. Confira a quantidade de sinais antes de recarregar.

A captura mostra um trecho da referência concluída. Abra e percorra o exemplo para conferir o restante. Experimentos temporários podem produzir outra aparência; restaure os valores indicados antes de comparar.

Atividades para fazer antes das respostas

Use uma nova cópia do exemplo. Tente aplicar o que aprendeu antes de consultar os comentários.

1. Calcule restantes quando ocupadas vale 12.

2. Preveja 2 + 3 * 4 e (2 + 3) * 4.

3. Explique o resultado de 0 === “0”.

Respostas comentadas

Compare sua explicação e o que realmente aconteceu. Outra solução pode funcionar se cumprir o objetivo e preservar o acesso ao conteúdo.

1. Restantes vale 0 e temVagas é false.

2. Sem parênteses dá 14; com parênteses dá 20.

3. False, pois int e string são tipos diferentes.

Quando seguir

Você confere cálculos no papel e distingue atribuir de comparar. Se ainda precisa de ajuda, repita a experiência pequena antes de avançar.

O arquivo completo

Referência do exemplo 04-calculos-comparacoes, reproduzida aqui para que você possa conferir sem sair da página.

public/index.php

<?php
declare(strict_types=1);
$vagas = 12;
$ocupadas = 3;
$restantes = $vagas - $ocupadas;
$total = (2 + 3) * 2;
$temVagas = $restantes > 0;
$mesmoTipo = 12 === "12";
?>
<!doctype html>
<html lang="pt-BR">
<head><meta charset="utf-8"><meta name="viewport" content="width=device-width, initial-scale=1">
<title>Livro de visitas de prática</title><link rel="stylesheet" href="estilos.css"></head>
<body><a class="pular" href="#conteudo">Pular para o conteúdo</a>
<header><p>Prática de PHP em pequenos passos</p><h1>Livro de visitas</h1>
<p>Conteúdo fictício. Somente neste computador.</p></header>
<main id="conteudo" tabindex="-1">
<h2>Vagas fictícias</h2><p>Restantes: <?= $restantes ?></p><p>Total de sessões: <?= $total ?></p><p>Tem vagas: <?= $temVagas ? "Sim" : "Não" ?></p><p>Mesmo valor e tipo: <?= $mesmoTipo ? "Sim" : "Não" ?></p>
</main><footer><p>Servidor de estudo em 127.0.0.1. Encerre com Ctrl+C.</p></footer></body></html>

public/estilos.css

* { box-sizing: border-box; }
body { margin: 0; background: #f4f7fb; color: #203246;
  font: 1.05rem/1.65 Arial, sans-serif; }
header, main, footer { max-width: 48rem; margin-inline: auto; padding: 1.5rem; }
header { padding-top: 2.5rem; }
h1 { font-size: clamp(1.8rem, 5vw, 2.7rem); line-height: 1.2; }
main { background: #fff; border-radius: .8rem; }
article { border-top: 1px solid #cad4df; padding-block: 1rem; }
a { color: #124e77; text-underline-offset: .2em; }
nav { display: flex; flex-wrap: wrap; gap: 1rem; }
label { display: block; font-weight: bold; }
input:not([type=hidden]), textarea { width: 100%; max-width: 34rem;
  border: 2px solid #718095; border-radius: .35rem; padding: .7rem;
  font: inherit; color: inherit; background: #fff; }
button { font: inherit; background: #124e77; color: white;
  border: 0; border-radius: .35rem; padding: .75rem 1.2rem; cursor: pointer; }
button:hover { background: #103b59; }
.mensagem { white-space: pre-wrap; overflow-wrap: anywhere; }
.erros { color: #8b142c; }
.ok { color: #175c30; font-weight: bold; }
:focus-visible { outline: 3px solid #b04d00; outline-offset: 3px; }
.pular { position: absolute; left: -10000px; }
.pular:focus { position: static; display: block; padding: 1rem; background: white; }
@media (max-width: 35rem) { header,main,footer { padding: 1rem; } }