javascript - 从输入框存储变量并在 p 标签中显示值

Question

我正在尝试从文本输入框中获取一个值，然后将其显示在屏幕上。

我有这个 JS block 作用于以下 HTML

$(".button").click(function(){
	var userName = $('#userNameInput').val();
	$('.userDisplay').html(userName);
});

<input type="text" id="userNameInput">
<input value="submit" class="button closepopup" type="button">
<p id="userDisplay">default</p>

目前该程序不打印该值，但它确实存储它，因为我可以打印该值到控制台。

Answer 1

由于您的p 有一个id，您必须使用#:

$(".button").click(function(){
    var userName = $('#userNameInput').val();
    $('#userDisplay').html(userName);
});