A continuación se muestra mi llamada de referencia API. Estoy usando github, así que puse la clave en un archivo separado y protegí ese archivo usando .gitignore.
El problema es que no tengo idea de cómo obtener esa clave de mi archivo javascript en la clave de datos HTML usando una variable.
<div id="wg-api-football-fixtures" data-host="api-football-v1.p.rapidapi.com" data-refresh="15" data-date="2022-05-06" data-key = "NEED MY API KEY HERE!" data-theme="false" data-show-errors="false" class="api_football_loader"> </div>Soy nuevo en esto, así que podría estar haciendo algo mal, házmelo saber.
Su archivo de clave api:
// api_key.js var apiKey = "123456789ABCDEFGH";Su archivo javascript principal:
// main.js document.querySelector('div#wg-api-football-fixtures').setAttribute('data-key', apiKey);En tu archivo html...
<div id="wg-api-football-fixtures" data-host="api-football-v1.p.rapidapi.com" data-refresh="15" data-date="2022-05-06" data-key = "NOT_LOADED_YET" data-theme="false" data-show-errors="false" class="api_football_loader"> </div> <script type="text/javascript" src="api_key.js"></script> <script type="text/javascript" src="main.js"></script>Solo asegúrese de llamar al código en main.js después de incluir api_key.js y después de cargar el html.