\(\renewcommand{\vec}[1]{\mathbf{#1}} \DeclareMathOperator*{\sijoitus}{\Big/} \newcommand{\eval}[2]{\sijoitus_{\kern-0.7em#1}^{\kern0.7em#2}\!} \)

Kyltti, tekstikenttä, painike ja tekstialue

Kuva 1
Tehdään hiukan monipuolisempi käyttöliittymä, johon lisätään uusia komponentteja. Koodi on alla ja tulos näkyy kuvassa 1. Koodi vaatii aika monta import-komentoa alkuun, mutta hyvä kehitysympäristö osaa hakea ne puoliautomaattisesti.

Huomaa, että ohjelmassa ei ole määritelty, miten sen pitäisi reagoida painikkeen klikkaukseen. Tästä syystä ohjelma ei tee mitään.