<div class="result">
</div>
const form = document.querySelector('.form');
result = document.querySelector('.result');
form.addEventListener('submit', function(e){
e.preventDefault();
fetch('../ajax/calc-result.php',{
method: 'POST',
body: new FormData(this)
})
.then(res => res.text())
.then(data =>{
result.innerHTML = data;
})
})
<?if(!empty($_POST) && !empty($_POST['one']) && !empty($_POST['two']) && !empty($_POST['symbol'])):
$one = $_POST['one'];
$two = $_POST['two'];
$symbol = $_POST['symbol'];
switch ($symbol) {
case '+':
echo $one + $two;
break;
case '-':
echo $one - $two;
break;
case '*':
echo $one * $two;
break;
case '/':
echo $one / $two;
break;
}
else:
echo 'Вы не ввели данные в поля ввода!';
endif;