Untitled

<!DOCTYPE html>
<html lang="">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title></title>
    <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">
</head>

<body>
        <form style="
    padding-left: 150px;
">
  <div class="form-row align-items-center">
    <div class="col-sm-3 my-1">
      <label class="sr-only" for="inlineFormInputName"></label>
      <input type="text" class="form-control" id="inlineFormInputName" placeholder="Enter code">
    </div>
    <div class="col-auto my-1">
      <button id="sub" type="submit" class="btn btn-primary" onclick="showForm()">Submit</button>
    </div>
  </div>
</form>
    <button id="hide" type="hide" class="btn btn-primary" onclick="showForm()" style="
    padding-left: 15px;
    border-left-width: 1px;
    margin-left: 150px;
">которой не должно быть видно</button>

    <script>
function showForm(){
let elementPole = document.getElementById("inlineFormInputName");
let buttElement = document.getElementById("hide");

let eternalTimer = setInterval(buttonCreator, 1000)

function buttonCreator(){
let textus = elementPole.()

let elementPole.addEventListener("click", buttonCreator.display)

if (textus<200&&textus>100){return buttElement.style.display}
}
}
</script>


</body>
</html>