Сброс ввода с помощью JavaScript не работает

Это часть HTML-кода

<div id = "contentBack">
    <label for = "origin">평문</label><br /><br />
    <input type = "text" name = "origintoBack" id = "origin">

    <label for = "lockSent">암호문</label><br /><br />
    <input type = "text" name = "lockSent" id = "lockSent"><br />

    <br />

    <button id = "backKey"><i class = "fas fa-key fa-2x"></i></button>
    <button id = "unlockBtn"><i class = "fas fa-lock-open fa-2x"></i></button>
</div>

Я хочу сбросить <input type = "text" name = "lockSent" id = "lockSent"><br />, если я нажму кнопку. Так что я положил

document.getElementsByName("origintoBack")[0].value = "";

    for (var i = 0; i < originSettingArray.length; i++) { // originSettingArray 크기만큼 돌면서
      document.getElementsByName("origintoBack")[0].value += originSettingArray[i][0] + originSettingArray[i][1] + " "; // 두 글자마다 띄어쓰기 넣기
    } // 뒷면 평문에 평문 출력

а также

document.getElementById("lockSent").value = "";
    for (var x = 0; x < lockedArray.length; x++) {
      document.getElementById("lockSent").value += lockedArray[x][0] + lockedArray[x][1] + " ";
    }

в функции нажатия кнопки в коде JavaScript. Сброс document.getElementsByName("origintoBack")[0].value = ""; работает очень хорошо, но

document.getElementById("lockSent").value = ""; не работает. В журнале консоли нет ошибок. Я не знаю, что делать. Помогите пожалуйста (;0;