如何在javascript hangman中用字符串替换div

时间:2018-02-01 19:50:24

标签: javascript html dom

const secret_word = "emir";

function getTheWord() {
  //var secret_word = document.getElementById("secret").value;

  for (i = 1; i <= secret_word.length; i++) {

    var sw = '<div id="0"</div>';
    sw = '<div id="' + i + '" style="display:inline-block;"> ___ </div>';
    console.log(sw);
  }
  document.getElementById('secret').innerHTML = sw;
}

function getLetter() {
  // var e = document.getElementById("1").innerHTML = 'E';
  // var m = document.getElementById("2").innerHTML = 'M';
  // var i = document.getElementById("3").innerHTML = 'I';
  // var r = document.getElementById("4").innerHTML = 'R';
  // console.log(e);
  // console.log(m);
  var s = document.getElementById("secret1").value;
  console.log(s);
  console.log(value);
}

function GetValue() {
  var my_array = new Array("head", "hand1", "hand2", "body", "leg1", "leg2");
  var random_array = my_array[Math.floor(Math.random() * my_array.length)];
  console.log(random_array);
  document.getElementById("message").innerHTML = random_array;
}

getTheWord()
<input type="button" id="btnSearch" value="Search" onclick="GetValue();" />
<p id="message"></p>

<div id="secret"></div>
<br>
<input type="text" id="secret1" maxlength="1" />
<button id="secret" onclick="getLetter();">Enter a Letter</button>

我需要用const secret_word = emir替换div,当我输入不同的字母来调用hangman getValue函数时。由于我是初学者,我希望你能帮助我找到一种方法去做。如果你有一些不同的资源让我看,我真的很感激。 DOM就像我现在的另一个星球,但如果我不学习什么是学习javascript的重点。所以帮助,解决方案,资源,意见,建议,甚至是错误告诉我,我会非常感激

1 个答案:

答案 0 :(得分:0)

我会使用jquery。你以前用过吗? 试试这个:

var newDIV = $(“”);

$( “#秘密”)附加(newDiv);

我希望我能理解这个问题吗?