Web Application – Suma en una misma página

A través de java web Application, crearemos una aplicación que permita sumar dos números ingresados por teclado y un botón que permita calcular la suma de ambos números.

El programa debe permitir ingresar dos números cualquiera y que al hacer clic en el botón enviar, el resultado nos debe mostrar en la misma página.

Primero comenzamos creando nuestra Aplicación Web en Netbeans.

  • Ir a File, new project, Java Web y Web Application. 
  • Luego damos clic en NEXT.
  • Y en Project name escribimos el nombre de nuestro primer proyecto, en este caso lo llamaremos: suma.
suma en una misma pagina
suma en una misma pagina
  • Una vez hecho el paso anterior, comenzamos con la Codificación!!

  Para index.jsp escribiremos el siguiente código, tal como se muestra:

<html>
    <head>
        
        <title>JSP Page</title>
    </head>
    <body>
                                
                        <%
                            int n1=0, n2=0, r=0;
                            if(request.getParameter("ok")!=null){
                            n1=Integer.parseInt(request.getParameter("txtnum1"));
                            n2=Integer.parseInt(request.getParameter("txtnum2"));
                           
                            r=n1+n2; 
                            }
                            out.print("<form action=index.jsp method=POST>");
                            out.print("Primer Valor : <input type=text name=txtnum1              value="+n1+" ><br>");
                            out.print("Segundo Valor : <input type=text name=txtnum2 value="+n2+" ><br>");
                             out.print("<input type=submit name= ok value=Enviar> <br>");
                            out.print("Resultado: <input type=text name=index value="+r+" ><br>");
                           
                            out.print("</form>");
                        
                        %>
                                                                                                                              
    </body>
</html>
  • Una vez terminado la codificación, ejecutamos la aplicación y obtenemos como resultado lo siguiente, como se observa en la imagen:
suma en una misma pagina

Espero te haya servido de mucha ayuda este ejercicio desarrollado en Java web Application de Netbeans, si te gustó dale Me gusta y compártelo con tus amigos.

Para descargar el ejercicio:

  Te invito a ver el código fuente de la misma operación, pero que se muestre en otra página: Java Web Application Suma en otra página