在页面上发布用户名

Question

我能采取某种方式来获取并显示文本输入吗？

像这样：

document.getElementById('input_id')

<input type="text" placeholder="username" id="input_id">

然后输出将是这样的：

document.showElementById('box_id')

<div id="box_id">Welcome + text input</div>

Answer 1

var username = document.getElementById('input_id').value;
document.getElementById('box_id').innerHTML = 'Welcome ' + username;

Answer 2

有了这个：

var name = document.getElementById('input_id').value;
document.getElementById('box_id').innerHTML = "Welcome " + name;

就是这样。

修改 检查您的代码，看起来您想要创建showElementById方法

琐碎，但以防万一：

function showElementByIds(inputId, divId){
    var name = document.getElementById(inputId).value;
    document.getElementById(divId).innerHTML = "Welcome " + name;
}

然后，使用它：

showElementByIds('input_id', 'box_id');

干杯