formの制御

内容

id="form" name="name" の中にある id="button" name="button" がクリックされた際に

id="name" name="name" の値が id="name-text" に挿入されている
name="gender" の値が id="gender-text" に挿入されている

状態で id="text-wrapper" に class="is-active" を付与する

狙い

form内に入力された文字が取得できること
radioボタンで選択された項目が取得できること

参考