js如何在一个方法里弹出模态框然后获取框里输入框的值

Question

项目有一个弹窗要把alert优化成模态框，之前是用prompt()这个方法，可以弹出一个输入框输入动态验证码点击确定后去验证验证码是否正确，再去执行接下来的操作。
现在变成模态框后，我试过弹出模态框后再去获取模态框输入框里的值，然后判断动态验证码是否正确，再去执行接下来的操作。但是这样程序运行的时候模态框弹出后就会马上获取到输入框的值为空，就提示空值，程序就结束了，我希望有没有办法能实现像prompt()这个方法这样方便。（PS:因为项目原因引入其他js，如angularJs不太现实，希望能用普通的js实现）

Answer 1

alert是阻塞的
必须关闭后js才会接下去执行，所以可以在弹出之后下一行就获取值
自己模拟的话监听关闭或者确定事件获取值

Answer 2

自己写一个弹出框，给一个input和一个确定按钮，监听按钮的点击事件判断输入值。或者不想自己写可以用layer这个插件，里面有prompt层，模拟浏览器的prompt()方法。layer官网

Answer 3

用 promise 写一个，也就几十行，写过一个类似的：
ios-confirm 基于 promise 的仿 iOS 的 confirm