[RÉSOLU] [Javascript/HTML] Uncaught ReferenceError: x is not defined

Recherche :

Mot : Pseudo : Filtrer
Bas de page
Auteur	Sujet : [RÉSOLU] [Javascript/HTML] Uncaught ReferenceError: x is not defined

wigleg

Bonjour !

Lors du chargement de ma page, j'ai cette erreur dans la console : "Uncaught ReferenceError: logo is not defined at onload". Je n'arrives pas à trouver d'où ca vient. L'idéex c'est que selon le temps, mon logo change. J'ai les logos, ils fonctionnent, mais j'arrive pas à les afficher avec XHR.

Merci d'avance pour votre aide.

Code :

var logoNeige;
var logoSoleil;
var logoVent;
var logoBrouillard;
var temps;
var weather;
var weather2;
var weather3;
var url = "https://api.openweathermap.org/data/2.5/weather?q=bidart&APPID=92146035fff315dd4b30cd1eb5996bb4";
var donneesmet;
var logotemps
const xmlhttp = new XMLHttpRequest;
xmlhttp.onreadystatechange = function logo(logotemps) {
if (this.readyState == 4 && this.status == 200) {
xmlhttp.addEventListener("load", reqListener);
xmlhttp.open("GET", url, true);
JSON.parse(xmlhttp)
}
function displayBlock(temps) {
logoNeige = document.getElementById("neige" );
logoVent = document.getElementById("vent" );
logoBrouillard = document.getElementById("brouillard" );
weather = donneesmet.weather[0].main
weather2 = donneesmet.weather[0].description
weather3 = donneesmet.wind.speed
if (weather == "Snow" ) {
logoNeige.style.display="block";
} else if (weather3 > 0) {
logoVent.style.display="block";
} else if (weather2 == "Fog" ) {
logoBrouillard.style.display="block";
}
}
}

Voici mon JS.

Code :

<html>
<head>
<link rel="stylesheet" type="text/css" href="css/test.css" media="all">
<script type="text/javascript" src="js/test.js"></script>
<title>Test HTML5</title>
</head>
<body onload="javascript:logo();">

Voici mon HTML

Message édité par wigleg le 29-11-2018 à 14:18:57

Publicité

dede_sav

Bonjour,

Rigolo comme code

Code :

xmlhttp.onreadystatechange = function logo(logotemps) {
if (this.readyState == 4 && this.status == 200) {
xmlhttp.addEventListener("load", reqListener);
xmlhttp.open("GET", url, true);
JSON.parse(xmlhttp)
}

devrait plutôt ressembler à ça =>

Code :

function logo(logotemps) {
if (this.readyState == 4 && this.status == 200) {
xmlhttp.addEventListener("load", reqListener);
xmlhttp.open("GET", url, true);
JSON.parse(xmlhttp)
}
xmlhttp.onreadystatechange = logo;

wigleg

Je débute à peine c'est pour ça ^^'

wigleg

Merci.

Je viens d'essayer. Je n'ai plus l'erreur mais mon logo ne veux pas s'afficher.

wigleg

Pourquoi mon logo ne s'affiche pas dans ce cas là ?

mechkurt

Tu peux debugger dans la console de ton navigateur en ajoutant des

Code :

console.log(nom_de_ta_variable);

dans ton code.

La console de debuggage s'ouvre en faisant un clic droit inspecter l’élément dans ton navigateur.

Tu pourrais par exemple vérifier que ton json est bien récupéré ou que temp est bien conforme à ce que tu attends...

Sinon personnellement je passes par des bibliothèques (jquery, mootools ou autre) pour mes requêtes AJAX pour une plus grande compatibilité de navigateur, à voir si c'est nécessaire pour toi ou pas :
https://caniuse.com/#search=XMLHttpRequest

---------------
D3

mechkurt

Tu devrais faire un https://codepen.io/ un http://jsfiddle.net/ ou nous donner un accès à une ressource en ligne, ce serait plus facile pour nous à debugger...

PS: Et tu devrais modifier

Code :

9. var url = "https://api.openweathermap.org/data/2.5/weather?q=bidart&APPID={maclefquejeneveuxpaspartagerpubliquement}";

Surtout si cette clef est privé, avant que Google et archive.org ne l'ajoutes dans leur cache...

Message édité par mechkurt le 28-11-2018 à 14:33:24

---------------
D3

wigleg

En fait la clef n'est plus valide due au grand nombre de requêtes que je lui ai envoyé. Du coup je vais mettre la clé d'exemple de Open Weather sur le codepen

wigleg

https://codepen.io/Wigleg/pen/VVEbwZ

voila le codepen

mechkurt

J'ai avancé un peu en cherchant des tutoriaux de xhr en JS pur...
https://codepen.io/anon/pen/NEOvRq
Avec ça tu as maintenant un objet dont tu doit pouvoir récupérer la propriété qui t’intéresses !

---------------
D3

Publicité

wigleg

Merci !

Alors du coup maintenant j'ai le json parsé dans la console (nickel j'en avais besoin)

Maintenant plutot que de passer par "if" et "else if" pour afficher mes logos, je vais utiliser "switch case" (parce que mon patron me le demande ahah !)

Je reviendrai si j'ai un autre problème, mais celui que j'avais de base est résolu. Merci beaucoup !

FORUM HardWare.fr

Programmation

Javascript/Node.js

[RÉSOLU] [Javascript/HTML] Uncaught ReferenceError: x is not defined

Sujets relatifs
code HTML d'un bouton bas / haut de page dans Google site	Image bouton html JavaScript
[JS][RESOLU] e not defined sur Mozilla	Soucis intégration date dans HTML/JSON
Format HTML Débutant	Soucis avec du code CSS sur HTML.
[HTML/PHP/CSS] Diff de 2 données	[HTML] Formulaire fonctionnel sur navigateur mais bugué sur instagram.
Plus de sujets relatifs à : [RÉSOLU] [Javascript/HTML] Uncaught ReferenceError: x is not defined

Page générée en 0.057 secondes