Cómo obtener entrada mediante una ventana emergente y colocar texto en una variable a través de javascript/jquery

Question

Tengo un botón en mi página. Cuando se hace clic, debe aparecer un cuadro emergente que permite al usuario ingresar texto. Cuando se presiona OK/Submit, mi jscript realizará algunas funciones con los datos ingresados. Muy sencillo, pero no puedo entender cómo hacer esto.

Gracias!

Answer 1

en su forma más simple, se podría utilizar rápida (pregunta, por defecto): (tomado de w3schools: http://www.w3schools.com/js/tryit.asp?filename=tryjs_prompt)

function myFunction(){ 
    var x; 
    var name=prompt("Please enter your name","Harry Potter"); 
    if (name!=null){ 
     x="Hello " + name + "! How are you today?"; 
     alert(x); 
    } 
} 

cualquier otra cosa requeriría una gran cantidad de Javascript & CSS para crear capas con botones y haga clic en los botones eventos

Answer 2

Pega este código dentro de sus etiquetas head entre script etiquetas

HTML

<button id="button">Get Text</button>​ 

JS

window.onload=function() 
{ 
    var el=document.getElementById('button'); 
    el.onclick=function(){ 
     var my_text=prompt('Enter text here'); 
     if(my_text) alert(my_text); // for example I've made an alert 
    } 
} 

DEMO.