Bonsoir
je réalise une page qui doit afficher la taille de l ' écran du viewport
résultat final
Code html : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12
13 <body> <h1>Size Checker</h1> <time datetime="4:57:55 p.m"></time> <ul> <li class="screen">Screen:</li> <li class="outer">Window Outer:</li> <li class="inner">Window Inner:</li> <li class="doc">Document:</li> </ul> </body>
Code JS : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35 const temps=document.querySelector('time'); let actuel=new Date() .toLocaleString(); temps.innerHTML=actuel; const screen=document.querySelector('.screen'); const outer=document.querySelector('.outer'); const inner=document.querySelector('.inner'); const doc=document.querySelector('.doc'); let valeur=document.createElement('span'); screen.appendChild(valeur); valeur.innerHTML=""; let valeur2=document.createElement('span'); outer.appendChild(valeur2); valeur.innerHTML=""; let valeur3=document.createElement('span'); outer.appendChild(valeur3); valeur.innerHTML=""; let valeur4=document.createElement('span'); outer.appendChild(valeur4); valeur.innerHTML=""; function resize(){ let ecran=screen.width; let largeur=window.innerWidth; let hauteur=window.innerHeight; let entier=document.body.clientHeight; valeur.innerHTML=ecran; valeur2.innerHTML=largeur; valeur3.innerHTML=hauteur; valeur4.innerHTML=entier; } window.onresize=resize;
a priori quelques chose cloche dans mon code
Pourrais-je avoir une piste pour transcender cet aspect de problème ?
Merci.
Partager