Nesesito ayuda con un javascript

[Tecktonikrazy]

Lo que pasa es que necesito un codigo para mi pagina: deve ser un link ke al dar clik aparesca una alerta preguntando ¿Cuanto gastas al dia? y que abajo aya un textbox para responder, y un boton de Aceptar, al dar clik en aceptar deve de aparecer debajo del link una respuesta, si el usuario escribio un numero de 0 a 20 la respuesta que aparecera debajo del link sera "Eres ahorrador" si escribio un numero de 21 a 50 la respuesta que aparecera debajo del link sera "Buen trabajo!" si escribio un numero de 51 a 100 la respuesta que aparecera debajo del link sera "Gastas un poco de mas" y si escribio un numero de 101 en adelante la respuesta que aparecera debajo del link sera "Gastas demasiado!".

Yo pienso que se hace con un prompt y tengo este codigo pero de nada me sirve por que solo copia lo que escribiste a la pagina y ademas se abre automaticamente en lugar de con un link y es para preguntar el nombre:

Código HTML:

<SCRIPT LANGUAGE="JavaScript">
<!--
var NAME = prompt("Cómo te llamas?","")
document.write(NAME+", bienvenido a esta página!")
// -->
</SCRIPT> 

Espero que alguien me pueda ayudar por favor y esque me urge un poquito gracias!

[Adler]

Hola

Sería algo como esto

Código Javascript:

function prompter() {
var doc = document.getElementById("res");
var respuesta = prompt("¿Cuanto gastas?", "");
respuesta = parseInt(respuesta);
if (isNaN(respuesta)) {
doc.innerHTML = "No se ha ingresado ningún valor";
}else {
if (respuesta <= 20) {
doc.innerHTML = "Eres ahorrador";
}else if ((respuesta >= 21) && (respuesta <=50)){
doc.innerHTML = "Buen trabajo!";
}
  ...........
}
}
 
<a href="#" onclick="javascript:prompter();">Abrir prompt</a>
<div id="res"></div>
 

Suerte

[Tecktonikrazy]

Gracias. ya probe el codigo en mi pagina y asta en un bloc de notas pero al dar clik en el enlace no se abre el prompt, yo puse asi el codigo:

<SCRIPT LANGUAGE="JavaScript">
function prompter() {
var doc = document.getElementById("res");
var respuesta = prompt("¿Cuanto gastas?", "");
respuesta = parseInt(respuesta);
if (isNaN(respuesta)) {
doc.innerHTML = "No se ha ingresado ningún valor";
}else {
if (respuesta <= 20) {
doc.innerHTML = "Eres ahorrador";
}else if ((respuesta >= 21) {
doc.innerHTML = "Buen trabajo!";
}else if ((respuesta >= 51) {
doc.innerHTML = "Gastas un poco de mas";
}else if ((respuesta >= 100) {
doc.innerHTML = "Gastas demasiado!";

}

</SCRIPT>

<a href="#" onclick="javascript:prompter();">Abrir prompt</a>
<div id="res"></div>

[ceSharp]

hola tecktonikrazy,

He revisado tu código y te faltan llaves y te sobran paréntesis, por eso no arranca el prompt. Cópiate esto, a ver si así te funciona:
---------------------------------
function prompter() {
var doc = document.getElementById("res");
var respuesta = prompt("¿Cuanto gastas?", "");
respuesta = parseInt(respuesta);
if (isNaN(respuesta)) {
doc.innerHTML = "No se ha ingresado ningún valor";
}else {
if (respuesta <= 20) {
doc.innerHTML = "Eres ahorrador";
}else if (respuesta >= 21) {
doc.innerHTML = "Buen trabajo!";
}else if (respuesta >= 51) {
doc.innerHTML = "Gastas un poco de mas";
}else if (respuesta >= 100) {
doc.innerHTML = "Gastas demasiado!";
}
}
}
-------------------------------------------------

salu2

[Adler]

Hola

Prueba ahora

Código Javascript:

function prompter() {
var doc = document.getElementById("res");
var respuesta = prompt("¿Cuanto gastas?", "");
respuesta = parseInt(respuesta);
if (isNaN(respuesta)) {
doc.innerHTML = "No se ha ingresado ningún valor";
}else {
if (respuesta <= 20) {
doc.innerHTML = "Eres ahorrador";
}else if (respuesta >= 21) {
doc.innerHTML = "Buen trabajo!";
}else if (respuesta >= 51) {
doc.innerHTML = "Gastas un poco de mas";
}else if (respuesta >= 100) {
doc.innerHTML = "Gastas demasiado!";
}
}
}
 

Con respecto a esta parte no es que sea incorrecta, pero piensa en esto. Si el valor que te llega es 54, arreglo a las condicionales aparecerá "Buen trabajo" en vez de "Gastas un poco demás". Eso se debe a que el valor es mayor a 21, de ahí que las condicionales has de plantearlas tal y como te las pasé

Código Javascript:

if (respuesta <= 20) {
doc.innerHTML = "Eres ahorrador";
}else if ((respuesta >= 21) && (respuesta <=50)) {
doc.innerHTML = "Buen trabajo!";
}else if ((respuesta >= 51) && (respuesta <=99)) {
doc.innerHTML = "Gastas un poco demás";
}else if (respuesta >= 100) {
doc.innerHTML = "Gastas demasiado!";
}
 

Suerte

[Tecktonikrazy]

Hola, gracias por sus respuestas, quiero agradeserles a toooooodos, ya funciona perfectamente! el codigo final quedo asi:

Código HTML:

<SCRIPT LANGUAGE="Javascript">
 
function prompter() {
var doc = document.getElementById("res");
var respuesta = prompt("¿Cuanto gastas?", "");
respuesta = parseInt(respuesta);
if (isNaN(respuesta)) {
doc.innerHTML = "No se ha ingresado ningún valor";
}else {
if (respuesta <= 20) {
doc.innerHTML = "Eres ahorrador";
}else if ((respuesta >= 21) && (respuesta <=50)) {
doc.innerHTML = "Buen trabajo!";
}else if ((respuesta >= 51) && (respuesta <=99)) {
doc.innerHTML = "Gastas un poco demás";
}else if (respuesta >= 100) {
doc.innerHTML = "Gastas demasiado!";
}
}
}
 
</script>
<a href="#" onclick="javascript:prompter();">Abrir prompt</a>
<div id="res"></div>
 

Asta luego!