Javascript函数，用于在输入值时显示文本

说到这里，如果我在输入字段中输入值“20”，则显示消息“谢谢”

以下是我的HTML代码：

<form method="post" action="">
<input type="text" id="nominal" value="">
<input type="submit" value="submit">
</form>

以下是我的JS代码：

$(document).ready(function(){

    var money = 20;

    /* not sure if this is written correctly, but this is supposed to
    check whether the hidden input element value is equal to var money */

    if ($("input[id='nominal']").val() == money )  {

     var h = document.createElement("H1")                // Create a <h1> element
     var t = document.createTextNode("Thank You");     // Create a text node
     h.appendChild(t);                                   // Append the text to <h1>

    };
});

$（文档）.ready（函数（）{
var货币=20；
/*不确定是否写对了，但应该是这样的
检查隐藏的输入元素值是否等于var money*/
如果（$（“输入[id='nominal']）。val（）==money）{
var h=document.createElement（“H1”）//创建一个元素
var t=document.createTextNode（“谢谢”）；//创建一个文本节点
h、 appendChild（t）；//将文本追加到
};
});

我已经创建了一个脚本来满足我的需要，但没有工作！怎么了

$（文档）.ready（函数（）{
var货币=20；
$（“#标称”）.change（function（）{//获取输入框的更改事件
如果（$（this）.val（）==money）{//使用$（this）获取值
var h=document.createElement（“H1”）；//创建一个元素
var t=document.createTextNode（“谢谢”）；//创建一个文本节点
h、 儿童（t）；
$（'form'）.append（h）；//在form/html中追加创建的h1元素
}否则{
$（'form'）.find（“h1”）.remove（）；
}
})
});


$（文档）.ready（函数（）{
var货币=20；
$（“#标称”）.change（function（）{//获取输入框的更改事件
如果（$（this）.val（）==money）{//使用$（this）获取值
var h=document.createElement（“H1”）；//创建一个元素
var t=document.createTextNode（“谢谢”）；//创建一个文本节点
h、 儿童（t）；
$（'form'）.append（h）；//在form/html中追加创建的h1元素
}否则{
$（'form'）.find（“h1”）.remove（）；
}
})
});
您必须创建一个事件来侦听更改，在这种情况下，
已更改
。您还可以将代码缩小一点。；）

$（函数（）{
$（“#标称”）.更改（函数（）{
if（$（this）.val（）==20）
美元（本）。在（“谢谢”）之后；
});
});

当值再次更改时删除消息并进行严格检查的完整工作示例。
您必须创建一个事件来侦听更改，在这种情况下，
已更改
。您还可以将代码缩小一点。；）

$（函数（）{
$（“#标称”）.更改（函数（）{
if（$（this）.val（）==20）
美元（本）。在（“谢谢”）之后；
});
});

当值再次更改时删除消息并进行严格检查的完整工作示例。
将代码放入
$（“#标称”）。更改（函数（）{}）
添加
$（'body'）。追加（h）后
h.appendChild（t）
@ThinkDifferent not working将代码放入
$（“#nominal”）。更改（function（）{}）
添加
$（'body'）。追加（h）后
h.appendChild（t）
@ThinkDifferent不起作用，但当我删除值时，文本仍显示其作用，但当我删除值时，文本仍显示其作用。对于
change
您必须离开焦点。如果不想，也可以使用
keyup
。看这里，我创建了一个演示。还有一个防止双重显示消息的检查：这也会删除消息：希望这是你想要的。并不是说我也将
money
转换成一个字符串，否则当用户添加空格时，比如
20
它也会显示一条消息。所以它更严格了…当然了。对于
change
您必须离开焦点。如果不想，也可以使用
keyup
。看这里，我创建了一个演示。还有一个防止双重显示消息的检查：这也会删除消息：希望这是你想要的。并不是说我也将
money
转换成一个字符串，否则当用户添加空格时，比如
20
它也会显示一条消息。所以它更严格。。。
$(function() {
    $("#nominal").change(function() {
        if( $(this).val() == 20 )
            $(this).after("<h1>Thank You</h1>");
    });
});