Discussion in - for - ma - ti - que

[ZZZ]

En JavaScript, il n'y a pas de propriété intrinsèque comme `length` pour les objets tels que pour les tableaux.

Si vous souhaitez déterminer la longueur d'un objet, vous devez manuellement compter le nombre de propriétés définies pour cet objet.

Le moyen le plus simple de le faire est d'utiliser la méthode `Object.keys()` pour obtenir toutes les propriétés définies pour l'objet, puis de compter le nombre de propriétés. Par exemple :

```javascript
const myObj = { a: 1, b: 2, c: 3 };
const propertyCount = Object.keys(myObj).length;

console.log(propertyCount); // affiche 3
```

Dans cet exemple, nous utilisons `Object.keys(myObj)` pour obtenir toutes les propriétés définies pour l'objet `myObj`. Ensuite, nous utilisons la méthode `length` pour obtenir le nombre de propriétés définies, ce qui nous donne la longueur de l'objet.

Notez que cela ne fonctionne que pour les propriétés d'un objet qui sont énumérables. Certaines propriétés d'objet telles que les propriétés définies avec Object.defineProperty() sont non-énumérables, dans ce cas, Object.keys() ne retournera pas ces propriétés et la longueur retournée ne reflétera donc pas l'ensemble complet des propriétés de l'objet.

 

[53secondes]

Dans ce code :

// ==UserScript==
// @name         Gaming helper
// @namespace    http://tampermonkey.net/
// @version      0.1
// @description  press Ctrl + F1 for the menu
// @author       You
// @match        https://shotwars.io/
// @icon         https://tikstar-user-images.oss-cn-hongkong.aliyuncs.com/5c17_6687233396861682694.jpg
// @grant        none
// ==/UserScript==

(function () {
    "use strict";

    // Some tools

    function objectLenght(Object) {
        let count = 0
        for (const object in Object) {
            count++
        }
        return count;
    }


    // Defining the HTML tool

    class HTML {
        constructor() {
            this.HTMLObject = null;
        }
        create(type = '', style = '', innerHTML = '', placeholder = '', id = '') {
            this.HTMLObject = document.createElement(type);
            this.HTMLObject.style = style;
            this.HTMLObject.innerHTML = innerHTML;
            this.HTMLObject.placeholder = placeholder;
            this.HTMLObject.id = id;
            return this.HTMLObject;
        }
        onMouseHover(callback) {
            this.HTMLObject.addEventListener("mouseover", callback);
        }
        onMouseQuit(callback) {
            this.HTMLObject.addEventListener("mouseout", callback);
        }
        onMouseClick(callback) {
            this.HTMLObject.onclick = callback;
        }
        HTMLapply(Elements, path = document.body, start = 0, end) {
            if (end == undefined) {
                end = objectLenght(Elements);
            } else if (end < 0) {
                end = objectLenght(Elements) + end;
            }
            this.a10(Elements, path, start, end)
        }
        a10(Elements, path, start, end) {
            const elementsArray = Object.values(Elements);
            for (let i = start; i < end; i++) {
                path.appendChild(elementsArray[i]);
            }
        }
    }

    // Start coding...

    const HTMLElement = new HTML;
    let HTMLObjectsArray = {};
    HTMLObjectsArray.Div = HTMLElement.create('div', 'left: 5px; top: 5px; position: absolute; background-color: black; box-shadow: #0983ce 0px 0px 7px 5px; display: block; z-index: 10; height: 500px; width: 340px;', '', '', 'Div');
    HTMLObjectsArray.DivDisplayButton = HTMLElement.create('button', 'top: 5px; left: 5px; position: absolute; border-width: 0px; background-color: black; cursor: pointer; color: rgb(9, 131, 206); width: 32px; box-shadow: rgb(9 131 206) 0px 0px 0px 2px inset; display: block; z-index: 10;', '-', '', 'DivDisplayButton');
    HTMLObjectsArray.changeNicknameP1 = HTMLElement.create('p', '', 'Change your nickname...', '', 'changeNicknameP1')

    HTMLElement.onMouseHover(function () {
        HTMLObjectsArray.DivDisplayButton.style.backgroundColor = "#183a4e";
    });
    HTMLElement.onMouseQuit(function () {
        HTMLObjectsArray.DivDisplayButton.style.backgroundColor = "black";
    });
    HTMLElement.onMouseClick(function () {
        if (HTMLObjectsArray.DivDisplayButton.innerHTML == '-') {
            HTMLObjectsArray.DivDisplayButton.innerHTML = '+';
            document.getElementById('Div').style.display = 'none';
        } else if (HTMLObjectsArray.DivDisplayButton.innerHTML == '+') {
            HTMLObjectsArray.DivDisplayButton.innerHTML = '-';
            document.getElementById('Div').style.display = 'block';
        };
    });

    HTMLElement.HTMLapply(HTMLObjectsArray);

})();

Pourquoi les propriétés onMouseHover, onMouseQuit et onMouseClick de l'objet "DivDisplayButton" ne marchent pas?

Sorry I couldn't contact the ChatGPT think tank