почему не работает присвоение свойству inner HTML из вызова функции?

Question

Мне нужна твоя помощь. Я хочу вызвать функцию и присвоить результат внутреннему html элемента, но он не работает. Ниже приведен код:

function abc() {
  var a = document.getElementById("take").value;

  function Ram() {
    document.write("your name is : Ram <br>");
    document.write("your vill/post : Sunsyari <br>");
    document.write("your block is : Betalghat <br>");
    document.write("your Total land is: 5 bega <br>");
  }

  if (a == "Ram" || a == "ram") {
    document.getElementById("show").innerHTML = Ram();
  } else {
    document.getElementById("show").innerHTML = "wrong credential";
  }
}

Пожалуйста, помогите, что делать?

Answer 1

Inner HTML свойство принимает строку, но в вашем случае вы фактически ничего не возвращаете из функции Ram. Попробуйте следующий фрагмент

function abc() {
  var a = document.getElementById("take").value;

  function Ram() {
    return `your name is : Ram <br>
    your vill/post : Sunsyari <br>
    your block is : Betalghat <br>
    your Total land is: 5 bega <br>`
  }
  if (a.toLowerCase()=="ram") {
    document.getElementById("show").innerHTML = Ram();
  } else {
    document.getElementById("show").innerHTML = "wrong credential";
  }
}
abc()

#take{
background:yellow;
}

<input value="ram" id="take">
<div id="show"><div>