Меня одного смущают два тэга <body></body>?
Вообще, я бы рекомендовал расписать и сопоставить всё по полкам, где CefJS, ClientJS, HTML
HTML:
<!DOCTYPE html>
<html lang="ru">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>test</title>
<link rel="stylesheet" href="styles.css">
<link href="https://fonts.googleapis.com/css2?family=Montserrat:wght@800&italic=true&display=swap" rel="stylesheet">
</head>
<body>
<div id="admin-mod">
<h1>test</h1>
<p id="dimension">Dimension: 0</p>
</div>
<img src="" alt="Логотип" class="responsive-image">
<script>
// ЗДЕСЬ И ДОЛЖЕН НАХОДИТЬСЯ ВЕСЬ БРАУЗЕРНЫЙ КОД, НИ ГДЕ-ТО В КЛИЕНТСКОЙ ЧАСТИ ХРЕН ПОЙМИ ГДЕ
// ЛИБО ЖЕ ОН МОЖЕТ НАХОДИТСЯ В ЭТОЙ ЖЕ ДИРЕКТОРИИ, ПОДКЛЮЧЕНИЕ К НЕМУ ОСУЩЕСТВЛЯЕТСЯ <script src="script.js">< /script>
const updatePlayerDimension = (value) => {
const dimensionElement = document.getElementById("dimension");
if (dimensionElement) {
dimensionElement.innerHTML = `Dimension: ${value}`;
}
};
if ('mp' in window) mp.events.add("updatePlayerDimension", updatePlayerDimension);
</script>
</body>
</html>
JavaScript:
// ЗДЕСЬ ПИШЕТСЯ КЛИЕНТСКИЙ КОД, БРАУЗЕРНОГО КОДА ЗДЕСЬ И В ПОМИНЕ НЕ ДОЛЖНО БЫТЬ
let browser = mp.browsers.new("package://hud/hud.html");
mp.events.addDataHandler({
"dimension":(entity, value, oldValue)=> {
if(entity.type==='player' && entity === mp.players.local){
browser.call("updatePlayerDimension", value);
}
}
});