Basicamente eu armazeno o histórico em um input oculto(hidden).
A ideia consiste em enviar ao seu script php o valor atualizado do campo o histórico em uma variável post. Assim que ela chega no seu script é concatenada com a string que representa a operação atual.
Bem, inicialmente ela está vazia mas após a primeira execução ela passa a acumular o histórico contido no input:
$historico = $_POST['historico'] . '</br>' . $valor1 . $operador . $valor2 . '=' . $resultado ;
Assim o valor dentro do input vais sendo atualizado:
<input hidden="" type="text" name="historico" value="<?php if (isset($historico)) { echo $historico; } ?>" >
Adicionei somente esse bloco dentro do seu if:
if(isset($valor2) && isset($valor1) && isset($operador)){
$historico = $_POST['historico'] . '</br>' . $valor1 . $operador . $valor2 . '=' . $resultado ;
echo $historico;
echo "</br>";
}
Ele verifica se as variáveis das operações estão setadas e adiciona a variável $histórico
o valor do input oculto:
<input hidden="" type="text" name="historico" value="<?php if (isset($historico)) { echo $historico; } ?>" >
Esse campo tem a função de enviar ao seu script php o histórico a ser concatenado com '</br>' . $valor1 . $operador . $valor2 . '=' . $resultado ;
Observe que eu uso isset para não haver alertas de variáveis vazias quando não estiverem setadas.
Código completo
<?php
if ( isset($_POST['calcularbtn']) ) {
$valor1 = $_POST['valor1'];
$valor2 = $_POST['valor2'];
$tipo = $_POST['tipo'];
if ($tipo == 'Somar') {
$operador = '+';
$resultado = $valor1 + $valor2;
}elseif ($tipo == 'Subtrair') {
$operador = '-';
$resultado = $valor1 - $valor2;
}elseif ($tipo == 'Multiplicar') {
$operador = '*';
$resultado = $valor1 * $valor2;
}elseif ($tipo == 'Dividir') {
$operador = '/';
$resultado = $valor1 / $valor2;
}elseif ($tipo == 'Potência') {
$resultado = pow($valor1, $valor2);
}else{
$resultado = pow($valor1, 1/2);
}
echo 'Resultado=' . $resultado;
}else{
echo "Esperando cálculo...";
}
if(isset($valor2) && isset($valor1) && isset($operador)){
$historico = $_POST['historico'] . '</br>' . $valor1 . $operador . $valor2 . '=' . $resultado ;
}
?>
<form class="form-signin" method="post" action="#">
<div class="form-label-group">
<input hidden="" type="text" name="historico" value="<?php if (isset($historico)) { echo $historico; } ?>" >
<input class="form-control" type="number" name="valor1" size="5" placeholder="Valor 1"><br>
<select class="custom-select d-block w-100" name="tipo" >
<option selected="selected">Somar</option>
<option>Subtrair</option>
<option>Multiplicar</option>
<option>Dividir</option>
<option>Potência</option>
<option>Raiz Quadrada</option>
</select><br><br>
</div>
<div class="form-label-group">
<input class="form-control" type="number" name="valor2" size="5" placeholder="Valor 2"><br>
</div>
<input class="btn btn-outline-secondary" type="submit" name="calcularbtn" value="Calcular">
</form>`
<?php
if(isset($historico)){
echo $historico;
echo "</br>";
}
?>
Conclusão: Existem um bilhão de maneiras de se fazer isso. Porém existem formas mais adequadas. Essa não é a forma mais adequada de se construir uma calculadora utilizando php assim como construir isso usando php não é adequado.
Porém para fins didáticos a utilização de campos ocultos são bastantes úteis para trafegar dados do cliente para o servidor sem que o usuário tenha controle sobre eles.
Dica:
Use javascript
com ele você pode deixar o processo dinâmico e utilizar mais recursos. Pense: para que perguntar pro servidor algo que seu navegador já sabe ?.
Pergunte ao browser sobre javascript e ele saberá muito bem o que fazer com seus dados. Além é claro, de não ter que ficar recarregando a mesma página para obter o resultado.