Inversare caractere adăugate într-un câmp de text

[Marius]

Am urmatorul cod html si JavaScript. O caseta de text input si un button.

Cod: Selectaţi tot

<input type='text' id='backwards-input'>
<button id='backwards-button'>Button</button>
<p id='backwards-container'></p>

<script>
const bkinp = document.getElementById('backwards-input');
const bkbtn = document.getElementById('backwards-button');
const revtxt = document.getElementById('backwards-container');
</script>

Cum pot face ca adunci cand apas pe buton sa fie afisat in elementul <p> textul care e adaugat in caseta input, dar in ordine inversa?
De exemplu, daca in input e "abc 123", in elementul <p> din cod sa fie adaugat "321 cba".

Testeaza si studiaza urmatorul cod:

Cod: Selectaţi tot

<input type='text' id='backwards-input'>
<button id='backwards-button'>Button</button>
<p id='backwards-container'></p>

<script>
function backwards(inp, rev) {
  const backwardsInput = inp.value.split('').reverse().join('');
  rev.textContent =  backwardsInput;
}

const bkinp = document.getElementById('backwards-input');
const bkbtn = document.getElementById('backwards-button');
const revtxt = document.getElementById('backwards-container');
bkbtn.addEventListener('click', ()=>{ backwards(bkinp, revtxt)});
</script>

Demo:

321 cba