Discussions

deux problèmes

Image

Bonjour Louis-Nicolas,

 
 
le 1er est avec ma console quand j'inspecte mon code
la console est blanche et contient des
message d'erreur ?
 
Voir pièces jointes
Est-ce du à mon MacBook et à Safari ou Chrome ?
 
2eme est sur la session 368 Que devez-vous faire
 
je refais cette exercice, mais je ne comprends pourquoi
sur mes navigateurs (Chrome, Safari, Firefox)
j'ai un page blanche !
 
En haut de fichier js (Exemple.js)
quand je fait : document.write('hello Philippe);
 
sur tous les navigateurs c'est ok je peux voir 'hello Philippe'
si je commente cela disparait du navigateur.
 
Si je commente  la commande :
document.querySelector('#a-supprimer').remove();
 
cela fonctionne plutôt bien puisque elle disparait
du navigateur.
 
Par contre et c'est la que je ne comprends pas pourquoi
la mise en page ne se fait pas avec JS 
avec les autres éléments et leurs personnalisations ?
 
Merci par avance pour ta réponse
Cordialement


Philippe Pelletier
pelletier.photo@free.fr
port. : 06 18 15 74 69

// document.write('hello Philippe');
document.querySelector('#a-supprimer').remove();

// créer des éléments
let header = document.createElement('header');
let monLogo = document.querySelector('#logo');
monLogo.style.textAlign = 'center';
let menu = document.createElement('div');
let p = document.createElement('p');
let footer = document.querySelector('footer');
let images = document.querySelector('img');


//personnaliser les éléments
header.textContent = 'Bienvenue';
header.style.backgroundColor = '#e3b04b';
header.style.color = 'white';
header.style.padding = '40px';
header.style.fontSize = '3em';
header.style.textAlign = 'center';
logo.style.textAlign = 'center';
logo.style.padding = '35px';

footer.style.textAlign = 'center';
menu.innerHTML = "<a href='#'>Accueil</a> / <a href='#'>Une autre page</a>";
menu.style.backgroundColor = '#f1d6ab';
menu.style.textAlign = 'center';
menu.style.padding = '45px';

p.textContent = 'Ceci est un paragraphe créé avec JavaScript !';
p.style.textAlign = 'center';
p.style.backgroundColor = '#e65c00';
p.style.margin = '0';
p.style.padding = '25px';

//les ajouter
document.body.append(header, menu, p, footer);
1 réponse
Image
Louis-Nicolas Leuillet
Le 04/05/2023 à 16:12

Bonjour Philippe,

 

Peux-tu m'envoyer ton code sur forme d'un CodePen ? Ou au moins me transmettre également ton HTML ?

Image
Inscrivez-vous ou connectez-vous pour participer à la discussion.

Informations

Créée le May 4, 2023 10:00 AM
Dernière activité le May 4, 2023 4:12 PM