Bonjour,

J'essaye de convertir ce code jqury en pure js, je suis nouveau dans le domaine
Je me demande aussis'il faut pas utiliser eventlistener ?
Merci pour votre aide

jquery :

Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
<script>
        $(function () {
            if ($('form[name="sql"] input[type="checkbox"][name="masterblaster"]').length > 0) {
                $('form[name="sql"] input[type="checkbox"][name="masterblaster"]').click(function () {
                    $('form[name="sql"] input[type="checkbox"][name="id[]"]').prop('checked', $('form[name="sql"] input[type="checkbox"][name="masterblaster"]').prop('checked'));
                });
            }
 
            if ($('#sqlActionsMenu').val() == 'utf8') {
                $('.runUtf8').show();
            }
 
            $('#sqlActionsMenu').change(function () {
                var selected = $(this).val();
 
                if (selected == 'utf8') {
                    $('.runUtf8').show();
                } else {
                    $('.runUtf8').hide();
                }
            });
        });
    </script>
Pure js - `sqlActionsMenu` not undefined

Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
<script>
        if(document.querySelectorAll('form[name="sql"] input[type="checkbox"][name="masterblaster"]').length > 0) {
            document.querySelector('form[name="sql"] input[type="checkbox"][name="masterblaster"]').click(function() {
                const el = document.querySelector('form[name="sql"] input[type="checkbox"][name="id[]"]').checked = document.querySelector('form[name="sql"] input[type="checkbox"][name="masterblaster"]').checked;
            })
        }
 
        var sqlActionsMenu = document.getElementById('sqlActionsMenu');
 
        if (sqlActionsMenu == 'utf8') {
            div.classList.add("runUtf8");
        }
 
        var sqlActionsMenu1 = sqlActionsMenu.element.onchange;
 
        if (sqlActionsMenu1) {
            var selected = this.value;
 
           if (selected == 'utf8') {
               span.classList.add("runUtf8");
            } else {
               span.classList.removeAttribute("runUtf8");
            }
        }
    </script>