Чтобы вывести результат в такой же рамке, как и задающееся число, можно добавить стили к результату и применить их к результату. В вашем примере можно добавить следующие стили:

.result {
border: 1px solid black;
padding: 10px;
margin-top: 10px;
}

Затем нужно добавить класс "result" к элементу, который содержит результат:

<div class="result">
Результат: <span id="result"></span>
</div>

А в JavaScript код добавить следующую строку после установки значения результата:

document.getElementById('result').innerText = res;
document.getElementById('result').classList.add('result');