使用按钮,询问提示,显示答案并保存以供日后使用

时间:2014-12-04 09:45:28

标签: javascript button prompt

我有一个按钮,它会显示提示并在点击时询问答案,并直接在按钮所在的位置显示答案。但我也希望保存这个答案,以便以后重复使用。

以下是我现在所拥有的:

My name is <button onclick="this.outerHTML = prompt('What is your name?');">your name</button> .

我该怎么做?非常感谢你的帮助。

编辑:我会更明确。

我的文字很长。在本文中,我制作了提示问题的按钮。我想要那些提示的答案来替换那些按钮。我还希望能够在我的文本中稍后使用这些提示的答案。

我做了这个小功能:

function question() {
    var pprenom1 = prompt('Your name?');
    return pprenom1;
}

这在HTML中:

My name is <button onclick="this.outerHTML = question('pprenom1');">What is your name?</button>, a cool name.

我希望能够在我的文本后面使用“pprenom1”的结果。 而且我还会有更多这样的按钮/问题。 再一次。

1 个答案:

答案 0 :(得分:0)

function foo() {
   var aswer = prompt('Whats your name?');
   document.getElementById('show-div').innerHTML = aswer;
}

<button onclick="foo()" />
<div id="show-div"></div>

我不知道我是否理解正确,但是在点击按钮后调用提示,并将名称保存到div中。

编辑:

然后我认为这解决了你的问题,你需要在函数之外声明var,你可以从所有函数中访问,如下所示:

<html>
...

<script>

var param1;

function foo() {
   var aswer = prompt('Whats your name?');
    param1 = aswer;
}

</script>

...
</html>