Правильно использование Vars в JavaScript

Question

Как я могу использовать оба этих скрипта на одной странице?Я новичок в js, но я уверен, что не могу использовать эти же самые переменные, чтобы заставить оба сценария работать правильно после ошибки (или даже больше, если я хочу).«Ласточка» - это персонализированное оповещение.

<script>
    window.onload = function(){
         var url = new URL(window.location.href);
         var error = url.searchParams.get("error");

         if(error==1) swal("Oops...", "Primeiro você deve escolher uma foto. Clique no botão 'Alterar Foto'.", "error");
    }
</script>

<script>
    window.onload = function(){
         var url = new URL(window.location.href);
         var error = url.searchParams.get("error");

         if(error==2) swal("Formato Inválido", "Por favor, escolha uma imagem no formato 'PNG' ou 'JPG'.", "warning");
         }
</script>

Answer 1

Вы можете объединить их как:

<script>
    window.addEventListener('load', function() {
        var url = new URL(window.location.href);
        var error = url.searchParams.get("error");

        if(error==1) {
             swal("Oops...", "Primeiro você deve escolher uma foto. Clique no botão 'Alterar Foto'.", "error");
        } else if(error==2) {
             swal("Formato Inválido", "Por favor, escolha uma imagem no formato 'PNG' ou 'JPG'.", "warning");
        }
    }
</script>

ПРИМЕЧАНИЕ: Будет лучше использовать addEventListener для прикрепления событий вместо onload.

Answer 2

Не используйте старые onload / onclick, используйте addEventListener и / или attachEvent, если вам нужно поддерживать