import Ġkotlinx . browser . document Ċ import Ġkotlinx . html . InputType . text Ċ import Ġkotlinx . html . div Ċ import Ġkotlinx . html . dom . append Ċ import Ġkotlinx . html . input Ċ import Ġkotlinx . html . js . main Ċ import Ġkotlinx . html . js . on Input Function Ċ import Ġkotlinx . html . output Ċ import Ġkotlinx . html . section Ċ import Ġorg . w 3 c . dom . HTML InputElement Ċ Ċ fun Ġmain () Ġ{ ĊĠĠĠ Ġdocument . body ?. append Ġ{ ĊĠĠĠĠĠĠĠ Ġmain ( classes Ġ= Ġ" center ") Ġ{ ĊĠĠĠĠĠĠĠĠĠĠĠ Ġsection ( classes Ġ= Ġ" in - out ") Ġ{ ĊĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠ Ġinput ( classes Ġ= Ġ" in ") Ġ{ ĊĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠ Ġauto Focus Ġ= Ġtrue ĊĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠ Ġtype Ġ= Ġtext ĊĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠ Ġplaceholder Ġ= Ġ" in " ĊĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠ Ġon Input Function Ġ= Ġ{ Ġevent Ġ-> ĊĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠ Ġval Ġinput Ġ= Ġ( event . target Ġas ĠHTML InputElement ). value ĊĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠ Ġdocument . querySelector (". out ") ?. textContent Ġ= ĊĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠ Ġcamel case ( input ). if Empty Ġ{ Ġ" n / a " Ġ} ĊĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠ Ġ} ĊĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠ Ġ} ĊĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠ Ġdiv ( classes Ġ= Ġ" down ") Ġ{ Ġ+" â ĩ ĵ " Ġ} ĊĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠ Ġoutput ( classes Ġ= Ġ" out ") Ġ{ Ġ+" n / a " Ġ} ĊĠĠĠĠĠĠĠĠĠĠĠ Ġ} ĊĠĠĠĠĠĠĠ Ġ} ĊĠĠĠ Ġ} Ċ } Ċ