Peles klikšķa koordinātu noteikšana

JavaScript var lietot dažādus peles notikumus. Vienkāršākais no tiem ir click. Tajā mirklī, kad notikums ir noticis var iegūt dažādus datus par to, kā piemēram koordinātas horizontālā un vertikālā virzienā.

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
</head>
<style>
#laukums {width: 300px; height: 300px; border: 5px solid black;}
</style>
<body>
    <div id="laukums">
        
    </div>
    <script>
    let laukums = document.getElementById('laukums');
    laukums.onclick = koordinatas;
    function koordinatas(e) {
        console.log(e.clientX);
        //Vērtība pa Y asi ir clientY
    }
    </script>
</body>
</html>

Papildināt kodu, lai konsolē būtu izvade par abām koordinātēm:

x: 105; y: 20