输入代码，更改显示的价格，当用户按下输入

我有一个网站的块，我需要允许用户输入代码，并显示价格变化。代码是任意的，因为实际价格是代码将显示的价格 - 我只是希望用户觉得他们是'特殊'的。输入代码，更改显示的价格，当用户按下输入

<h1 style="text-align: center;">Your choice for a one-time investment of just:</br> 
<a title="JUST $797" href="http://samplesite.com" target="_blank">$797</a></h1> 
<p style="text-align: center;"><strong>If you'd prefer a totally custom design, <a title="Custom Mobile Site Design" href="http://samplesite.com" target="_blank">click here</a>.</strong></p> 
<center><input type="text" id="EnterCode" /><div id="price" value="Code">Enter Code</div></center>

（在链接“标题=”行是存在的，因为我使用的主题，不会让我改变字体颜色，所以要得到它使用我想要的颜色，我有使它认为这是一个链接..我将不得不进入CSS并稍后改变）

因此，鉴于上述代码，当前显示的价格是797美元。当用户输入任意代码并按下输入时，我希望797美元变为397美元。

我在网上找不到任何东西可以指向正确的方向，于是我来到这里，问你们。我真的很感激你能提供的任何帮助。

谢谢！

来源

2014-09-23 Black Beard

“我在网页上给用户gmail用户名和密码点击，提前给代码提示。”好悲伤。 – 2014-09-23 06:22:28

不需要在问题的标题中加上回答。如果选择了答案，它会在主页上显示浅绿色，以便人们知道它已被回答。 – Rimble 2014-09-23 11:22:56

首先，您需要为包含代码的<a>标签添加一个ID。事情是这样的：

<a id="yourPriceId" title="JUST $797" href="http://samplesite.com" target="_blank">$797</a>

然后你就可以很容易地使用JavaScript做你想做的，使用一个事件监听器，当用户按下回车键，检查，像这样：

var input = document.getElementById("EnterCode"), 
    price = document.getElementById("yourPriceId"); 

input.addEventListener('keyup', function(e) { 
    if (e.keyCode === 13 && !!this.value) { 
     price.textContent = "$397"; 
    } 
});

注意：只有当用户在输入之前在输入中输入了某些内容时，这才会起作用。如果您想要降低价格，即使用户没有输入任何内容，只需从if声明中删除&& !!this.value即可。

来源

2014-09-23 06:23:36

谢谢吨！那正是我需要的。你真棒！ – 2014-09-23 11:17:52

输入代码，更改显示的价格，当用户按下输入

回答

相关问题