Ubah style teks menggunakan tombol onclick pada javascript

HTML:

<pre> &lt;span&gt;Text&lt;/span&gt;&lt;input id="content" type="text"&gt; &lt;span&gt;Color&lt;/span&gt;&lt;select&gt; &lt;option value="red"&gt;Merah&lt;/option&gt; &lt;option value="green"&gt;Hijau&lt;/option&gt; &lt;option value="blue"&gt;Biru&lt;/option&gt; &lt;/select&gt; &lt;span&gt;Size&lt;/span&gt;&lt;select&gt; &lt;option value="4"&gt;4&lt;/option&gt; &lt;option value="5"&gt;5&lt;/option&gt; &lt;option value="6"&gt;6&lt;/option&gt; &lt;/select&gt; &lt;input id="cetak" type="button" value="Cetak"&gt;

&lt;div id="app"&gt;&lt;/div&gt; </pre>

Javascript:

<pre> const app = document.querySelector('#app') // ini container teksnya nanti const text = document.querySelector('#content') const selects = Array.from(document.querySelectorAll('select')) let styles = { color: '', fontSize: '' } const cetak = document.querySelector('#cetak') // tombol cetak

window.addEventListener('load', () =&gt; { styles.color = selects[0].value styles.fontSize = selects[1].value + "rem" })

selects.forEach(select =&gt; { select.addEventListener('change', () =&gt; { styles.color = selects[0].value styles.fontSize = selects[1].value + "rem" }) })

cetak.addEventListener('click', () =&gt; { app.style.color = styles.color app.style.fontSize = styles.fontSize app.innerHTML = text.value })

</pre>

tested: https://codepen.io/rubichandrap/pen/Vwvqadz?editors=1111