javascript - 确认后使div在JavaScript中不可见

Question

我想让 div 在点击按钮时可见。按钮应该询问是/否确认。 Div 应该仅在用户单击"is"时可见。

我的代码在这里

    <div id="Mydiv" style="display:none;" >Haiii</div>
    <input type="button" name="answer" value="Show Div" onclick="confirm_hide(this)"/>

JavaScript

function confirm_hide(ele){

   if (confirm('Do you wish to hide?')) {
   ele.style.display = 'none';
   document.getElementById('Mydiv').style.display = 'block';
    return true;
   } else return false;
    }

Answer 1

function clicked() {
    var name = document.getElementById('name').value;
    if(confirm('Hello ' + name + ', great to see you!'))
    {
        document.getElementById('nameDiv').innerHTML = 'Hello ' + name + ', great to see you!';
        document.getElementById('mainDiv').style.display = "none";
    }
    
}

<div id="mainDiv">
    <input type="text" class="form" name="name" placeholder="Your name here!" id="name"/>
        <input type="button" onclick="clicked();" value="I'm ready!"/>
</div>
<br>
    <div id="nameDiv"></div>