原生js实现一个弹出自定义输入框

好的，以下是一个简单的实现：

HTML：

<button onclick="showInput()">点击弹出输入框</button>

JavaScript：

function showInput() {
  // 创建一个input元素
  var input = document.createElement('input');
  input.type = 'text';
  
  // 创建一个确认按钮
  var confirmBtn = document.createElement('button');
  confirmBtn.innerText = '确定';
  
  // 创建一个取消按钮
  var cancelBtn = document.createElement('button');
  cancelBtn.innerText = '取消';
  
  // 创建一个div元素来包裹input和按钮
  var div = document.createElement('div');
  div.appendChild(input);
  div.appendChild(confirmBtn);
  div.appendChild(cancelBtn);
  
  // 将div添加到页面中
  document.body.appendChild(div);
  
  // 点击确认按钮时获取输入值并移除弹框
  confirmBtn.onclick = function() {
    var inputValue = input.value;
    document.body.removeChild(div);
    console.log('输入的值为：' + inputValue);
  };
  
  // 点击取消按钮时移除弹框
  cancelBtn.onclick = function() {
    document.body.removeChild(div);
  };
}

当点击按钮时，会弹出一个输入框和确认、取消两个按钮。输入框输入内容后，点击确认按钮可以获取输入的内容，点击取消按钮可以关闭弹框。