如何使用javascript设置来自输入字段的div元素值

我想在div元素中显示输入字段值。当用户单击submit按钮时，我希望在div中显示输入字段值。 这是我的密码

<form onsubmit="add_value()">
    <div class="form-group">
        <label for="email">Email address:</label>
        <input type="email" class="form-control" id="email">
    </div>
    <div class="form-group">
        <label for="pwd">Password:</label>
        <input type="password" class="form-control" id="pwd">
    </div>
    <div class="checkbox">
        <label><input type="checkbox" id="remember"> Remember me</label>
    </div>
    <button type="submit" class="btn btn-default">Submit</button>
</form>

function add_value()
{
    var email = document.getElementById('email').value;
    var pass = document.getElementById('pwd').value;
    var chek = document.getElementById('remember');
    var add = document.getElementById('ele_val');
    add.innerHTML = email;

}

电邮地址：
密码：
记得我吗
提交
函数add_value（）
{
var email=document.getElementById（'email'）。值；
var pass=document.getElementById（'pwd'）.value；
var chek=document.getElementById（'memory'）；
var add=document.getElementById（'ele_val'）；
add.innerHTML=电子邮件；
}

请参见下面的代码片段

document.getElementById（'form'）.addEventListener（'submit'，函数（e）{
var email=document.getElementById（'email'）。值，
pass=document.getElementById（'pwd'）。值，
chek=document.getElementById（'memory'），
add=document.getElementById（'ele_val'）；
add.innerHTML=电子邮件；
//用于测试目的
e、 预防默认值（）；
返回false；
});

电邮地址：
密码：
记得我吗
提交
接受的答案显示给定问题的最佳解决方案。

但如果要使用内联（不推荐使用），可以执行以下操作：



函数检查\u验证（）
{    
var email=document.getElementById（'email'）。值；
var pass=document.getElementById（'pwd'）.value；
var chek=document.getElementById（'memory'）；
var add=document.getElementById（'ele_val'）；
add.innerHTML=电子邮件；
return false；//如果验证正常，则返回true！
};
电邮地址：
密码：
记得我吗
提交
您必须添加id=ele_valyes的div，我已经准备好在html中添加id为的div元素，但在我的问题中忘记了添加。听说是我的全部密码谢谢先生@Dilhan Jayathilake