尝试获取用户输入以在P元素中打印

nerdmom630

我希望能够接受用户输入的名字和姓氏,并在单击提交按钮时使用该名字和姓氏更新P元素。几乎就像“你好姓氏!”

我提供的代码就是我的点击功能当前的样子。

function newName(){
var Name = input.value;


if (Name==""){
document.getElementById("hello").innerHTML="Hello" + Name;
}
};

尼丁·约瑟夫

您需要使用trim()删除空格,然后检查条件。

var firstName = document.querySelector('#firstName');
var lastName = document.querySelector('#lastName');

function updateName() {
  if (firstName.value.trim() && lastName.value.trim()) {
    document.getElementById("hello").textContent = `Hello ${firstName.value} ${lastName.value}`;
  }
};
<input type="text" placeholder="Firstname" id="firstName" />
<input type="text" placeholder="Firstname" id="lastName" />

<button onclick="updateName()">Click</button>
<p id="hello">
</p>

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章

来自分类Dev

在bash脚本中获取用户输入

来自分类Python

获取用户输入

来自分类Java

如何从元素获取用户输入并提供准确的响应?

来自分类Dev

是否可以从用户定义的函数中获取用户的输入?

来自分类Linux

获取用户输入作为脚本中的参数

来自分类Dev

如何获取用户输入并将其存储在向量中?

来自分类Dev

在Atom中运行python脚本时获取用户输入

来自分类Dev

在Zig中获取用户输入的当前方法

来自分类Dev

在NodeJS“ readline”模块中获取用户输入

来自分类Dev

当我尝试获取用户的联系电话并打印时,它始终显示为0

来自分类Dev

使用Rascal获取用户输入

来自分类Python

获取用户输入的数字列表

来自分类Dev

如何从javascript表单获取用户输入?

来自分类Dev

从QML获取用户输入到C ++

来自分类Java

在Java中的HashMaps中获取和打印用户输入

来自分类Dev

从反应的输入字段获取用户输入,类似于使用props在反应本机中的getElementById

来自分类Dev

当我尝试从Firebase获取用户名时,应用程序中的抽屉闪烁

来自分类Dev

如何获取用户输入并将其放入python数组中的新数组中?

来自分类Dev

ANSI C:如何摄取用户的输入,然后反向打印?

来自分类Dev

R Shiny:如何从DT数据表的搜索框中获取用户输入?

来自分类Linux

linux bash脚本获取用户输入并存储在数组中

来自分类Java

从Java中的多种方法获取用户输入的最佳实践?

来自分类Dev

如何从Visual Basic的列表框中获取用户输入?

来自分类Dev

如何在golang中获取用户输入整数成函数

来自分类Java

如何获取用户输入并存储在自定义对象中?爪哇

来自分类Dev

使用C中的线程进行循环时获取用户输入而不会阻塞

来自分类Dev

npm启动后,是否有办法在终端中获取用户输入?

来自分类Dev

如何从NumPy数组的一行中获取用户输入?

来自分类Dev

从WPF应用程序的文本框中获取用户输入

TOP 榜单

热门标签

归档