Html 想在我的网站上获得Minecraft服务器状态

我目前正在制作一个网站，它将显示某个Minecraft服务器是否在线，但我找不到任何关于如何做到这一点的代码。我想得到一些帮助，因为我是HTML和Javascript的初学者，即使在谷歌上也无法理解它。

这里：

从其他人那里获取了一些代码，但效果很好。只要更改我在JS代码中注释的插入服务器所在的服务器，然后在html中更改服务器的名称，如果您想将其更改为其他服务器。若无人在线或服务器停机，则表示服务器脱机

此示例适用于Hypix：

//基于@robinselmer的笔
变量url=”https://api.minetools.eu/ping/hypixel.net"; //在此处插入服务器
$.getJSON（url，函数（r）{
//数据是JSON字符串
if（r.error）{
$（'#rest'）.html（'Server Offline'）；
返回false；
} 
var pl=“”；
如果（r.players.sample.length>0）{pl='
OP:'+r.players.sample[0].name；}
$（'#rest'）.html（r.description.replace（/§（+？）/gi，）+'
在线玩家：'+r.Players.Online+pl）；
$（'#favicon'）.attr（'src'，r.favicon）；
});
body，html{
背景：url(https://i.imgur.com/iCZSjWa.png)中心不重复；
背景尺寸：封面；
最小高度：100%；
字体系列：“Roboto Mono”，monospace；
字体大小：15px；
显示器：flex；
对齐项目：居中；
调整内容：中心
}
身体：以前{
内容：；宽度：100%；高度：100%；背景：rgba（0,0,0,0.8）；
位置：绝对位置；
排名：0；
左：0；
z指数：10
}
h1，h2{
字体大小：400；
字母间距：-2px
}
.卡片{
位置：相对位置；
保证金：0自动；
填充：0；
宽度：200px；
最小宽度：300px；
背景：#ffffff；
边界半径：5px；
盒影：0px 0px 16px 0px rgba（0,0,0,0.3）；
-webkit动画：fadein2s；
动画：Fadein2S；
溢出：隐藏；
z指数：999；
}
.标题{
位置：相对位置；
z指数：1；
宽度：100%；
高度：180像素；
盒影：0 4px 3px#0002；
溢出：隐藏；
}
.卡img{
宽度：100%；
过渡：所有的1容易；
z索引：0
}
.形象{
宽度：100%；
高度：180像素；
光标：十字线；
溢出：隐藏；
}
.图片：悬停img{
-webkit转换：规模（1.2,1.2）；
变换：比例（1.2,1.2）；
}
.标题h2{
位置：绝对位置；
底部：0；
保证金：0；
宽度：100%；
填充：0 10px；
颜色：#fff；
文本转换：大写；
指针事件：无；
背景：线性梯度（至底部，rgba（0,0,0,0）0%，rgba（0,0,0,0.65）100%）；
}
.图标{
位置：绝对位置；
背景：#fff；
右：10px；
顶部：135px；
宽度：80px；
高度：80px；
边界半径：50%；
溢出：隐藏；
边框：3px实心#fff；
盒影：0 4px 3px#0002；
z指数：9
}
#休息{
填充：30px 15px；
线高：30px；
颜色：#000d42
}

hypixel.net
加载。。。