Нужно, чтобы вся нижняя форма, поля, селект и кнопка закрепилась сверху.
И при выборе в селекте + значения в левую колонку, а при - в правую
<body>
<p id="result"></p>
<select id="select">
<option value="+">+</option>
<option value="-">-</option>
<input id="firstspace" />
<input id="secondspace" />
<input type="button" value="Посчитать" onClick="copypast()" />
</select>
<script type="text/javascript">
const defaultNumber=0;
var a;
var c=defaultNumber;
var result;
document.querySelector('p').innerHTML=defaultNumber;
document.getElementById('firstspace').addEventListener('input', ()=>{a=Number(document.getElementById('firstspace').value)});
function copypast(){
const arr=[function (a){
c+=a;
return c
},
function (a,b){
c-=a
return c;
}];
result=arr[select.selectedIndex](a);
document.querySelector('p').innerHTML+='<br>'+select.value+' '+document.getElementById('secondspace').value+'<br>'+result}
</script>
</body>
Простой
