Попытка получить пользовательский ввод для печати в элементе P

Question

Я хотел бы иметь возможность принимать пользовательский ввод имени и фамилии, и после нажатия кнопки «Отправить» обновить элемент P с этим именем и фамилией.почти как «Здравствуйте, имя, фамилия!»

Код, который я предоставил, выглядит так, как выглядит моя функция щелчка.

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


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

Answer 1

Вам необходимо использовать 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>

Answer 2

function getName () {let name = input.value;

if (name! = "") {Document.getElementById ("name"). TextContent = Hi ${name};}}

Answer 3

Ваш код должен выглядеть ниже.JS Fiddle здесь для быстрого ознакомления: https://jsfiddle.net/sagarag05/5nteLzm6/3/

function newName(){
  let fullName = input.value; 

   if (fullName != ""){
       document.getElementById("fullName2").textContent = `Hello ${name}`;
   }
}

Answer 4

Это был бы самый лаконичный способ сделать это.Так как это простая тестовая функция.

function newName(){
if(input.value !== undefined || ""){
document.getElementById("hello").innerHTML= 'Hello '+ input.value }
};