- Desde
- 23 Oct 2013
- Mensajes
- 3.006
Crear calculadora de paypal con HTML + JAVASCRIPT [ Básico - Sin theme ni diseño]
Si te das cuenta de los input es un formulario lo cual tiene de nombre "calculadora" , luego están los input tipo texto con nombre " nnms " , junto con un onkeyup , que es onkeyup? , es una funcion javascript la cual da un resultado cuando dejas de escribir un numero o letra, esto servirá para cuando pongamos el numero 100 , defrente nos salga 94.3 y no hacer click en un button para que salga la operación.
En caso que quieras crear un button , ya no pongas un onkeyup , sino un onclick , hay varias funciones como onload, onclick , etc ( puedes buscar informacion en google)
Aun falta más mira el paso 3 !
Ahora les explico , lo que dice function ttps() es porque estas enviando algo a ese campo , si puedes ver en el paso 2 dice en onkeyup ttps() , eso significa que cargara la funcion ttps() del javascript para darnos un resultado en el cuadro html.
Luego va las operaciones , donde dice var nnms y var result , el nnms es lo que ingresamos por teclado y el result el resultado , si se podran ver arriba dice :
var result = eval(nnms - (nnms*5.4)/100 - 0.30)
Lo cual significa que haciendo una operacion.
ejemplo:
ingresaste el numero 100.
var result = eval(100 - (100*5.4)/100 - 0.3) a cuanto equivale?
Usen calculadora normal ( primero lo de paréntesis , luego la division , luego es la suma y resta).
al final sale : 94.3
ahora se diran como se retorna esa respuesta , no se desesperen poco a poco
.
Ahora vamos a este caso :
En español de programacion c++ seria algo asi:
Si nnms es igual a 0 entonces
document.calculadora.resultado.value = 0 , porque digo eso?, hay un error , si tu pones un 0 en la operación saldrá -0.03 , lo cual no debería ser así lo cual hacemos esa función para que cuando pongas un 0 , ya no te salga tal error .
Si nnms no es igual a 0 entonces:
document.calculadora.resultado.value = result
Significa que retornara el result ( la ultima parte del Paso 3 )
así el resultado retorna arriba y se muestra por pantalla.
Recuerden que en html la operación lo hace instantáneo y rapido , no necesitan nada mas =P .
( ojo el "=" y "==" son diferentes , el = es para asignar osea x=10 significa que a x se le asigna 10 mientras que si digo x==10 , significa x tiene el valor de 10 ? )
Si necesitan ayuda con java, css , programación delphi , vb , etc , estoy para ayudar ( ojo no preguntarme sobre proyectos , sino en dudas ).
Espero que les haya servido a muchos buenas noches
Si te gusto mi tema dame un gracias , asi subiré mas tutoriales en las noches7:.ESTE TUTORIAL ES HECHO POR MI y no hay otra copia en otro foro por el momento, si vas a copiarlo dejame los créditos correspondientes.
DEMO: Documento sin título
OJO: LA PUBLICIDAD DEL DEMO SOLO ES UNA IMAGEN MAS NO CPA NI CPM n.n .
ACTUALIZACION
Imagen de Aplicación Paypal:
Download: DepositFiles
Hola a todos , bueno vamos con este tutorial
De que trata? como el titulo lo dice " crear calculadora de paypal en php"
¿Para que nos sirve?
1. para hacer tus cálculos de cuanto sería la comisión que te quite , ejemplo si envias 100 dolares , le llegaría 94.3 USD
2. Para montarlo en tu servidor y ponerle adsense o publicidad cpm/cpa.
Este tutorial no estará hecho con un theme o diseño , ya que eso seria algo injusto para algunos programadores , solo les daré una breve explicación así puedan aprender algunos nuevos o los que no estén enterados del tema.
Es mi 1er tutorial , no me gusta explicar porque en mi caso no sirvo para explicar o hacer tutoriales pero haré esta ves hice lo que pude.
Imagen de prueba:
Ya tu luego lo adornas , le metes mas css , etc
Empezemos!
Paso1.
Crear nuestro archivo html y copiar todo lo que esta en el code y listo ya tienes tu propia calculadora, pero eso no es todo , si te interesa saber mas del tema pasa al Paso2.
De que trata? como el titulo lo dice " crear calculadora de paypal en php"
¿Para que nos sirve?
1. para hacer tus cálculos de cuanto sería la comisión que te quite , ejemplo si envias 100 dolares , le llegaría 94.3 USD
2. Para montarlo en tu servidor y ponerle adsense o publicidad cpm/cpa.
Este tutorial no estará hecho con un theme o diseño , ya que eso seria algo injusto para algunos programadores , solo les daré una breve explicación así puedan aprender algunos nuevos o los que no estén enterados del tema.
Es mi 1er tutorial , no me gusta explicar porque en mi caso no sirvo para explicar o hacer tutoriales pero haré esta ves hice lo que pude.
Imagen de prueba:
Ya tu luego lo adornas , le metes mas css , etc
Empezemos!
Paso1.
Crear nuestro archivo html y copiar todo lo que esta en el code y listo ya tienes tu propia calculadora, pero eso no es todo , si te interesa saber mas del tema pasa al Paso2.
Insertar CODE, HTML o PHP:
<html>
<head>
<title>Documento sin título</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
</head>
<body>
<center>
<h1>PAYPAL CALCULATOR</h1>
<form name="calculadora">
<p>
<ph1>MONTO QUE ENVIARÁ</ph1>
<input type="Text" name="nnms" value="0" size="12" onkeyup="ttps()">
<br>
<ph1>MONTO QUE RECIBIRÁ :</ph1>
<input type="Text" name="resultado" value="0" size="12">
<br>
<ph1>CARGOS PAYPAL: 5.4% + 0.3 USD.</ph1>
</form></center>
<script>
function ttps(){
var nnms = document.calculadora.nnms.value
var result = eval(nnms - (nnms*5.4)/100 - 0.30)
if ( nnms == 0)
{document.calculadora.resultado.value = 0 }
else
{
document.calculadora.resultado.value = result }
}
</script>
</body>
</html>Paso2:
Te preguntaras como lo hice? , pues les diré como paso a paso:
1. del codigo: Te preguntaras como lo hice? , pues les diré como paso a paso:
Insertar CODE, HTML o PHP:
<form name="calculadora">
<p>
<ph1>MONTO QUE ENVIARÁ</ph1>
<input type="Text" name="nnms" value="0" size="12" onkeyup="ttps()">
<br>
<ph1>MONTO QUE RECIBIRÁ :</ph1>
<input type="Text" name="resultado" value="0" size="12">
<br>
<ph1>CARGOS PAYPAL: 5.4% + 0.3 USD.</ph1>
</form></center>En caso que quieras crear un button , ya no pongas un onkeyup , sino un onclick , hay varias funciones como onload, onclick , etc ( puedes buscar informacion en google)
Aun falta más mira el paso 3 !
Paso3:
Javascript (funcion)
mira el código:
Javascript (funcion)
mira el código:
Insertar CODE, HTML o PHP:
<script>
function ttps(){
var nnms = document.calculadora.nnms.value
var result = eval(nnms - (nnms*5.4)/100 - 0.30)
if ( nnms == 0)
{
document.calculadora.resultado.value = 0
}
else
{
document.calculadora.resultado.value = result
}
}
</script>
[CENTER]
[/CENTER]Ahora les explico , lo que dice function ttps() es porque estas enviando algo a ese campo , si puedes ver en el paso 2 dice en onkeyup ttps() , eso significa que cargara la funcion ttps() del javascript para darnos un resultado en el cuadro html.
Luego va las operaciones , donde dice var nnms y var result , el nnms es lo que ingresamos por teclado y el result el resultado , si se podran ver arriba dice :
var result = eval(nnms - (nnms*5.4)/100 - 0.30)
Lo cual significa que haciendo una operacion.
ejemplo:
ingresaste el numero 100.
var result = eval(100 - (100*5.4)/100 - 0.3) a cuanto equivale?
Usen calculadora normal ( primero lo de paréntesis , luego la division , luego es la suma y resta).
al final sale : 94.3
ahora se diran como se retorna esa respuesta , no se desesperen poco a poco
.Ahora vamos a este caso :
Insertar CODE, HTML o PHP:
if ( nnms == 0)
{
document.calculadora.resultado.value = 0
}
else
{
document.calculadora.resultado.value = result
}En español de programacion c++ seria algo asi:
Si nnms es igual a 0 entonces
document.calculadora.resultado.value = 0 , porque digo eso?, hay un error , si tu pones un 0 en la operación saldrá -0.03 , lo cual no debería ser así lo cual hacemos esa función para que cuando pongas un 0 , ya no te salga tal error .
Si nnms no es igual a 0 entonces:
document.calculadora.resultado.value = result
Significa que retornara el result ( la ultima parte del Paso 3 )
así el resultado retorna arriba y se muestra por pantalla.
Recuerden que en html la operación lo hace instantáneo y rapido , no necesitan nada mas =P .
( ojo el "=" y "==" son diferentes , el = es para asignar osea x=10 significa que a x se le asigna 10 mientras que si digo x==10 , significa x tiene el valor de 10 ? )
Si necesitan ayuda con java, css , programación delphi , vb , etc , estoy para ayudar ( ojo no preguntarme sobre proyectos , sino en dudas ).
Espero que les haya servido a muchos buenas noches
Si te gusto mi tema dame un gracias , asi subiré mas tutoriales en las noches
7:.DEMO: Documento sin título
OJO: LA PUBLICIDAD DEL DEMO SOLO ES UNA IMAGEN MAS NO CPA NI CPM n.n .
ACTUALIZACION
Imagen de Aplicación Paypal:
Download: DepositFiles
Última edición:
