Interfaces para JAVA con CSS y HTML?

gobodeath · #1 (**permalink**) 03/06/2012, 11:25

Hola, estoy tratando de hacer una calculadora a punta de arreglos, es decir las sumas las multimplicaciones, todo hacerlo manual, con java, y pues quiero agregarle una Interfaz, lo que sucede es que no se como hacer la interfaz de la calculadora, porque la estoy haciendo en un proyecto JAVAWEB, es decir se me reproduce en el navegador, pero nosé como inplementar la interfaz con JAVA la interfaz esta hecha en html y CSS, pero no me funciona, traté de ver si era igual que en JavaScript pero no jaja y no se cómo hacer para que cada que presione un número aparezca en el display de la calculadora, tampoco se como hacer para interactuar y hacer las respectivas operaciones con los número de cada botón ayuda aquí les dejo el codigo

Código HTML:

Ver original<%-- 
    Document   : Calculadora
    Created on : 03-jun-2012, 11:00:15
    Author     : @Velandia
--%>
<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
    <head>  
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <title>Calculadora con arreglos en Java</title>
        <style type="text/css">
@import url('EstilosCalculadora.css');
</style>
    </head>
    <body>
        <h1 textalign="center">Bienvenido</h1>
    <div id="global_container">
       <form>
<table border="5" align=center>
<tr align="center">
<td colspan = 4>
 
<table border="3">
<tr>
<td align=center><input name="display" value="0" size=20></td>
</tr>
</table>
 
</td>
</tr>
 
<tr align=center>
<td>
<label class="uiButton uiButtonConfirm" for="uc5md2_3">
<input id="uc5md2_3" type="button" value="    7    "
  onClick="System.out.print(this.form.display, '7')"/>
</label>
</td>
<td>
<label class="uiButton uiButtonConfirm" for="uc5md2_3">
<input id="uc5md2_3" type="button" value="    8    "
  onClick="addChar(this.form.display, '8')">
</label>
</td>
<td>
<label class="uiButton uiButtonConfirm" for="uc5md2_3">    
<input id="uc5md2_3" type="button" value="    9    "
  onClick="addChar(this.form.display, '9')">
</label>
</td>
<td>
<label class="uiButton uiButtonConfirm" for="uc5md2_3">
<input id="uc5md2_3" type="button" value="    /     "
  onClick="addChar(this.form.display, '/')">
</label>
</td>
</tr>
 
<tr align=center>
<td>
<label class="uiButton uiButtonConfirm" for="uc5md2_3">    
<input id="uc5md2_3" type="button" value="    4    "
  onClick="addChar(this.form.display, '4')">
</label>
</td>
<td>
<label class="uiButton uiButtonConfirm" for="uc5md2_3">
<input id="uc5md2_3" type="button" value="    5    "
  onClick="addChar(this.form.display, '5')">
</label>
</td>
<td>
<label class="uiButton uiButtonConfirm" for="uc5md2_3">    
<input id="uc5md2_3" type="button" value="    6    "
  onClick="addChar(this.form.display, '6')">
</label>
</td>
<td>
<label class="uiButton uiButtonConfirm" for="uc5md2_3">    
<input id="uc5md2_3" type="button" value="    *    "
  onClick="addChar(this.form.display, '*')">
</label>
</td>
</tr>
 
<tr align=center>
<td>
<label class="uiButton uiButtonConfirm" for="uc5md2_3">        
<input id="uc5md2_3" type="button" value="    1    "
  onClick="addChar(this.form.display, '1')">
</label>
</td>
<td>
<label class="uiButton uiButtonConfirm" for="uc5md2_3">        
<input id="uc5md2_3" type="button" value="    2    "
  onClick="addChar(this.form.display, '2')">
</label>
</td>
 
<td>
<label class="uiButton uiButtonConfirm" for="uc5md2_3">        
<input id="uc5md2_3" type="button" value="    3    "
  onClick="addChar(this.form.display, '3')">
</label>
</td>
<td>
<label class="uiButton uiButtonConfirm" for="uc5md2_3">        
<input id="uc5md2_3" type="button" value="     -    " 
  onClick="addChar(this.form.display, '-')">
</label>
</td>
</tr>
 
<tr align=center>
<td>
<label class="uiButton uiButtonConfirm" for="uc5md2_3">            
<input id="uc5md2_3" type="button" value="    0    "
  onClick="addChar(this.form.display, '0')"> 
</label>
</td>
<td>
<label class="uiButton uiButtonConfirm" for="uc5md2_3">            
<input id="uc5md2_3" type="button" value="     .    "
  onClick="addChar(this.form.display, '.')">
</label>
</td>
<td>
<label class="uiButton uiButtonConfirm" for="uc5md2_3">            
<input id="uc5md2_3" type="button" value="   +/-   "
  onClick="changeSign(this.form.display)">
</label>
</td>
<td>
<label class="uiButton uiButtonConfirm" for="uc5md2_3">            
<input id="uc5md2_3" type="button" value="    +    "
  onClick="addChar(this.form.display, '+')">
</label>
</td>
</tr>
 
<tr align=center>
<td>
<label class="uiButton uiButtonConfirm" for="uc5md2_3">                
<input id="uc5md2_3" type="button" value="    (    "
  onClick="addChar(this.form.display, '(')"> 
</label>
</td>
<td>
<label class="uiButton uiButtonConfirm" for="uc5md2_3">                
<input id="uc5md2_3" type="button" value="     )    "
  onClick="addChar(this.form.display, ')')"> 
</label>
</td>
<td>
<label class="uiButton uiButtonConfirm" for="uc5md2_3">                
<input id="uc5md2_3" type="button" value="   sq    "
  onClick="if (checkNum(this.form.display.value))
    { square(this.form) }">
</label>
</td>
<td>
<label class="uiButton uiButtonConfirm" for="uc5md2_3">            
<input id="uc5md2_3" type="button" value="    <-   "
  onClick="deleteChar(this.form.display)">
</label>
</td>
</tr>
 
<tr align=center>
<td colspan="2">
<label class="uiButton uiButtonSpecial" for="gxz_4124">    
<input id="gxz_4124" type="button" value="      Invio      " name="enter"
  onClick="if (checkNum(this.form.display.value))
    { compute(this.form) }">
</label>
</td>
<td colspan="2">
<label class="uiButton uiButtonSpecial" for="gxz_4124">    
<input id="gxz_4124" type="button" value="         C          "
  onClick="this.form.display.value = 0 ">
</label>
</td>
</tr>
</table>
</form>
        
    </div
    </body>
</html>

zero0097 · #2 (**permalink**) 04/06/2012, 21:16

Java es lenguaje de lado del servidor, ye sos calculos pues mejor haslos del lado del cliente, por que si no tendrias que agregar un focus a los botones y cada que se de click mandar la forma y regresar el valor del text field.... mucho lio...