textbox click olunca büyüt

Selam,
küçük bir form alanım var içinde bir input bir textbox var. Form elamanlarını küçük kullanıyorum.. İstediğim dahil oldukları dive tıkladığımda
textboxu ve inputu modal gibi büyütmek istiyorum. Yazdıklarımdan sonra kapat butonuna tıkladığımda veya ekrnaın herhangi bi yerine tıkladığmda esk küçüki haline gelecek. Bununla ilgili en basit örneğe ihtiyacım var. Teşekkürler.

Ne yazılırsa diğerine de yazar.

    <input
type="text"
id="kucukInput"
minlength="4"
maxlength="8"
size="20"
/>

<textarea id="buyukInput" rows="5" cols="33">
        </textarea>

let kucukInput = document.querySelector('#kucukinput);
let buyukInput = document.querySelector('#buyukinput);
kucukInput.addEventListener('keyup', function () {
  buyukInput.value = kucukInput.value;
});
buyukInput.addEventListener('keyup', function () {
  kucukInput.value = buyukInput.value;
});