Crear formulario para multiplicar

[xfxstudios]

este seria mas o menos el formulario que colocarias en la pagina:

Código Javascript:

function recargar(){
    /*Tomamos los valores de los input*/    
    valorCaja1 = document.getElementById("valor1").value;
    valorCaja2 = document.getElementById("valor2").value;
        $.ajax({
            /*Realizamos la consulta*/
            url: 'test.php?varlosA='+valorCaja1+'&valorB='+valorCaja2,
            type: 'get',
 
            /*Recibimos la respuesta y la mostramos en la caja*/
            success: function (response) {
                document.getElementById("respuesta").value = response;
                
            }
        });
 
    }
 

Código HTML:

<!--Alto de la Tela-->
<input type="text" name="valor1" id="valor1"/>
 
<!--Ancho de la Tela-->
<input type="text" name="valor2" id="valor2"/>
<button onClick="javascript:recargar()">Calcular</button>
<br>
 
<!--Aqui llegara la respuesta del calculo-->
<input type="text" name="respuesta" id="respuesta" value=""/>
 

recuerda que debes llamas a la libreria jquery para que funcione, el php lo puedes colocar donde quieras y direccionar la ruta en el js de esta manera realizas el calculo sin recargar la pagina y muestras el resultado en vivo