Carregando scripts com tags de script HTML

A tag de script HTML é usada para incluir e executar código JavaScript. Por padrão, essa tag usa um atributo de origem externo, como scr, para carregar um arquivo JavaScript. No entanto, tentativas de incluir JavaScript embutido na tag de script, como esta:

Falha silenciosamente sem gerar erros.

Por que usar JavaScript embutido na tag de script não funciona

O motivo desse comportamento é que um elemento de script pode carregue apenas uma única fonte, seja ela externa ou inline. Quando o conteúdo src e inline estão presentes, o conteúdo inline é ignorado. Portanto:

Não carregará os scripts especificados.

Solução: usando vários elementos de script

Para carregar vários scripts, você precisa usar elementos de script separados para cada um:

Como alternativa, você pode criar um script pai que carregue dinamicamente os scripts necessários:

Notas adicionais

Embora o JavaScript embutido seja ignorado em elementos de script com fontes externas, o conteúdo do elemento de script permanece no DOM. Isso levou alguns desenvolvedores a usá-lo para armazenar dados que são acessados ​​por scripts externos. No entanto, usar atributos data-* é geralmente uma abordagem mais apropriada e mais limpa para esse propósito.