Projekt Marti Mon - Forum: Terraria Server Daten Viewer HTML

Unterstützen

Marti Mon ist ein
Non-Profit-Projekt

Alle finanziellen Unterstützungen und Einnahmen dienen ausschließlich zur Deckung
der kosten von
Projekt Marti Mon,

enthalten sind:

Domains
Server

2025

47% finanziert

Preiswerte und innovative Serverlösungen

Noch kein Mitglied?
Klicke hier um dich zu registrieren

Passwort vergessen?
Um ein neues Passwort anzufordern klicke hier.

Mitglieder Online

Gäste Online: 5

Mitglieder Online: 0

Mitglieder insgesamt: 11

Neuestes Mitglied: Fabian

Shoutbox

Du musst dich einloggen um eine Nachricht zu senden.

Asron

26.08.2025 um 16:14

Nach Langem warten, geht wieder alles.

Asron

12.08.2025 um 15:41

Wir haben momentan einen Ausfall von unseren Root-Server 1. Betroffen sind alle Voice Server. Wir arbeiten mit hochdruck daran.

Asron

13.06.2025 um 15:19

Wir haben einen neuen Root-Server für Games. Hat wer Ideen? PN an mich.

Asron

02.01.2025 um 17:06

Gesundes neues an ALLE

Misume

12.11.2024 um 20:47

Wir stellen bald einen weiteren TeamSpeak 3 Server zu Verfügung.

Shoutbox Archiv

Du hast in deinem Browser kein Javascript aktiviert.
Um diese Seite korrekt anzuzeigen ist Javascript jedoch zwingend nötig.
Bitte aktiviere Javascript in den Einstellungen deines Browser beziehungsweiße besorge dir einen Browser, der diesen unterstützt.
Mozilla Firefox | Safari | Opera | Google Chrome | Internet Explorer höher Version 6

Thema ansehen

Projekt Marti Mon » Webspace » HTML, PHP und CSS

Terraria Server Daten Viewer HTML
Asron	#1 Geschrieben am 23.07.2024 um 19:11
Seiten Administrator Beiträge: 18 Registriert am: 19.12.21	Um Terraria Server-Daten anzuzeigen zu lassen nutzen wir JavaScript, um die Daten vom Server abzurufen und in der HTML-Seite darzustellen. Wir gehen davon aus, dass die Serverdaten über eine API erreichbar sind. HTML & JavaScript Code Code <!DOCTYPE html> <html lang="de"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Terraria Server Daten Viewer</title> <style> body { font-family: Arial, sans-serif; background-color: #f4f4f9; color: #333; padding: 20px; } .server-info { margin-top: 20px; } </style> </head> <body> <h1>Terraria Server Daten Viewer</h1> <div id="server-data" class="server-info"> <p>Serverdaten werden geladen...</p> </div> <script> async function fetchServerData() { try { const response = await fetch('API_ENDPOINT_URL'); const data = await response.json(); const serverInfo = ` <h2>Server Informationen</h2> <p><strong>Name:</strong> ${data.name}</p> <p><strong>Status:</strong> ${data.status}</p> <p><strong>Spieler:</strong> ${data.players}</p> `; document.getElementById('server-data').innerHTML = serverInfo; } catch (error) { document.getElementById('server-data').innerHTML = '<p>Fehler beim Laden der Serverdaten.</p>'; } } fetchServerData(); </script> </body> </html> Erklärung API_ENDPOINT_URL: Ersetzen Sie dies mit der tatsächlichen URL Ihrer Terraria Server-API. CSS: Einfache Stile für die Darstellung. JavaScript: Nutzt fetch, um Daten von der API abzurufen, und zeigt sie auf der Webseite an. Stellen Sie sicher, dass der Server eine JSON-Antwort mit Feldern wie name, status, und players liefert. Passen Sie das Script entsprechend der API-Spezifikationen an.

Springe ins Forum:

eBesucher Werbung