exercice-JavaScript/output-positions.html at master · charaf12-u/exercice-JavaScript · GitHub

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
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>position de sories</title>
    <style>
        #div1{
            width: 211px;
            height: 211px;
            border: 1px solid blue;
            border-radius: 6px;
        }
    </style>
</head>
<body>
    <div id="div1">  salam  </div>
    <div id="aff"></div>
    <script lang="JavaScript">
        document.getElementById('div1').addEventListener(
            'mousemove',(event)=>{
                document.getElementById('aff').innerHTML="position totalité de écron    x= "+
                event.screenX + ("    y = ") +event.screenY  + ("   position a interier div carr    x= ")+
                event.clientX + ("    y = ") +event.clientY
            }
        );
    </script>
</body>
</html>