Javascript jQuery“；未定义”；使用.html（）.show（）时打印_Javascript_Jquery_Html

Javascript jQuery“；未定义”；使用.html（）.show（）时打印

javascript jquery html

Javascript jQuery“；未定义”；使用.html（）.show（）时打印,javascript,jquery,html,Javascript,Jquery,Html,所以我使用一个变量连接，它只打印未定义的。我已经找了几个小时的解决方案，还没有找到最接近这个问题的原因，但给出的解决方案仍然不起作用请帮助和解释，以便我能够学习和理解。非常感谢。下面是我的代码 $(document).ready(function(){ var nam=""; $("#sayHello").click(function(){ nam = $("textBox1").val(); if(nam != ""){ $("#welcome").ht

所以我使用一个变量连接，它只打印未定义的。我已经找了几个小时的解决方案，还没有找到最接近这个问题的原因，但给出的解决方案仍然不起作用

请帮助和解释，以便我能够学习和理解。非常感谢。下面是我的代码

$(document).ready(function(){
var nam="";
$("#sayHello").click(function(){
    nam = $("textBox1").val();
    if(nam != ""){
        $("#welcome").html("<p>Hello "+ nam +"</p>").show;
    }
    ;});


});

$（文档）.ready（函数（）{
var nam=“”；
$（“#sayHello”）。单击（函数（）{
nam=$（“textBox1”）.val（）；
如果（nam！=“”）{
$（“#欢迎”）.html（“Hello”+nam+””）.show；
}
;});
});

这是我的jquery/javascript 这是我的html

<body>
<div id="container">
    <div id="inputBox">
    Here is my first text box.
    <input id="textBox1" type="text" value=""/>

    <button id="sayHello">Submit</button>
    </div>

    <div id="welcome">
    </div>

</div>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<script type="text/javascript" src="myJQ.js"></script>
</body>


这是我的第一个文本框。
提交

我已经编辑了您的代码，请尝试

$（文档）.ready（函数（）{
var nam=“”；
$（“#sayHello”）。单击（函数（）{
nam=$（“#textBox1”）.val（）；
国际单项体育联合会（不结盟运动）{
$（“#欢迎”）.html（“你好”+nam）
}
});
});

这是我的第一个文本框。
提交
您提到的问题无关紧要，因为他们对未初始化的变量使用+=
。你没有。在你的标题中写的是.html（）.show（）
，但在你的代码中写的是.html（
…）.show
。如果没有调用最后一个.show
则它不会做任何事情。您的id选择器nam=$（“textBox1”）.val（）中缺少一个#
，应该是nam=$（“#textBox1”）.val（）@am05mhz谢谢。我需要开始使用一个更好的IDE来捕捉像这样的小事情。