Property 'checked' does not exist on type 'HTMLElement'.

Question

I have this code in typescript file

 function debug_show_removed_flights() {
    if ($(\'.debug-window #show_removed_flights\')[0].checked) {
      $(\'.fly-sche         


        

Answer 1

Only HTMLInputElement have the checked property. You can cast your element so it will transpile:

function debug_show_removed_flights() {
    const input = $('.debug-window #show_removed_flights')[0] as HTMLInputElement;
    if (input.checked) {
        $('.fly-schedule-removed_reason').show();
        return $('.fly-schedule-remove').show();
    } else {
        $('.fly-schedule-removed_reason').hide();
        return $('.fly-schedule-remove').hide();
    }
}