Возврат рассчитанного значения с бека(php) на страницу html.

Всем привет, я только начал изучать php. Возникла проблема при создании калькулятора.

Не получается вывести значение echo из функции на страницу html, конкретно в определённый <div> с классом content. Подскажите с помощью какого инструмента языка я могу это сделать
echo выводится как уведомление на экране, а необходимо чтобы результат расчёта появлялся в диве c классом content.
!на беке должны быть только расчеты и функции, никакго html кода.
Данный калькулятор написан на языках php, js с использованием фреймворка vue.js

Во вложении разместил файл с кодом.

Основная проблема в этой части кода:

PHP:

1. <?php
2.    $name = $_POST['name'];
3.  
4.    if (isset($_POST['name']) && preg_match('#^[a-z\d\s*/+.()_-]+$#si', $_POST['name'])) { //Используем регулярное выражение для калькулятора
5.     echo $_POST['name'] . ' = ' . eval('return ' . $_POST['name'] . ';'); //eval-исполнит код находящийся в строке
6. } else echo ""; //выводим Errror!! при недопустимых значениях
7.    

рассчитанное значение необходимо отобразить в диве файла index.html <div class="content">

 

vue код в файле js, данные отдавал в формате HTML методом Ajax
Код JS:

var vue = new Vue({
el: '#app',
data: {
result: '',
numseven: [7],
numeight: [8],
numnine: [9],
opplus: ['+'],
numfour: [4],
numfive: [5],
numsiks: [6],
opminus: ['-'],
numone: [1],
numtwo: [2],
numthree: [3],
opshare: ['/'],
numzero: [0],
dot: ['.'],
opmulti: ['*'],
},
methods: {
input: function(char) {
//this.result = this.result.toString();
this.result+=char;
},

calc: function() {

}
}
})



$("#send").on("click", function() {

var name = $("#name").val().trim();


if(name == "") {
$("#errorMess").text("Введите число");
return false;

}

$("#errorMess").text("");

$.ajax({
url: 'bek.php',
type: 'POST',
cache: false,
data: { 'name': name },
dataType: 'html',
// beforeSend: function() {
//$("#sendMail").prop("disabled", true);
//},
success: function(data) {
alert(data);



//$("#send").prop("disabled", false);
}
});


});

 

Спасибо, что уделяете мне время

Vue использую для работы с кнопками, а JQuery для Ajax-запроса на сервер

Проблема на в Алерте, если я закоменчу его, вывод так же будет производится. Алерт добавлялся для проверки работоспособности.

Вывод идёт с бека(файл bec.php), за счёт: echo, а я хочу что бы "результат вычислений" с бека выводился как раз в в диве с классом контент

Стоит менять саму функцию на беке?

PHP:

1. <?php
2.    $name = $_POST['name'];
3.  
4.    if (isset($_POST['name']) && preg_match('#^[a-z\d\s*/+.()_-]+$#si', $_POST['name'])) { //Используем регулярное выражение для калькулятора
5.     echo $_POST['name'] . ' = ' . eval('return ' . $_POST['name'] . ';'); //eval-исполнит код находящийся в строке
6. } else echo ""; //выводим Errror!! при недопустимых значениях

 

Спасибо большое) вы мне очень помогли)
--- Добавлено ---

Спасибо, вы мне очень помогли, все сработало)