隨機函數javascript后獲取輸入字段的值

Question

嗨，我有一個選擇隨機列表項的功能，並且該列表項內部有一個輸入字段。 目標是讓用戶填寫字段，然后按一個按鈕選擇隨機列表項，並在該列表項中顯示該輸入字段的值。

現在我有隨機功能工作，它選擇一個隨機列表項，但我在輸入字段上顯示值時遇到問題。 似乎瀏覽器無法識別用戶在輸入字段中輸入的內容，因為所有控制台吐出的都是<li><input type='text'></li>

HTML：

<ul id="list">
    <li><input type='text'></li>
    <li><input type='text'></li>
    <li><input type='text'></li>
</ul>

<button id="randomize">randomize</button>

<p id="result">hello</p>

JS：

var randomize = document.getElementById("randomize");
var listItems = document.getElementById("list").getElementsByTagName("li");
var result = document.getElementById("result");

randomize.addEventListener("click", randomizeIt);

function randomizeIt () {
    var randomItem = listItems[Math.floor(Math.random() * listItems.length)];
    result.innerHTML = randomItem.value;
    console.log(randomItem);
}

的jsfiddle

謝謝！

Answer 1

你只需要抓住childNode （它是輸入元素）。

result.innerHTML = randomItem.childNodes[0].value;

的jsfiddle