Шаблон:RandomSong: различия между версиями
Admin (обсуждение | вклад) мНет описания правки Метка: ручная отмена |
Admin (обсуждение | вклад) мНет описания правки |
||
| Строка 1: | Строка 1: | ||
<div id="randomSong"></div> | <div id="randomSong"></div> <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script> <script> $(document).ready(function() { // задаем параметры API запроса var apiUrl = "https://bard-wiki.net/api.php?action=query&list=categorymembers&cmtitle=Категория:Песни&format=json&cmlimit=500"; // делаем запрос к API MediaWiki $.getJSON(apiUrl, function(data) { // получаем список страниц из указанной категории var songs = data.query.categorymembers; // выбираем случайную страницу var randomSong = songs[Math.floor(Math.random()*songs.length)]; // получаем заголовок случайной страницы var songTitle = randomSong.title; // формируем ссылку на случайную страницу var songLink = "https://bard-wiki.net/" + songTitle; // выводим результат на страницу $('#randomSong').html("Случайная песня: <a href=\"" + songLink + "\">" + songTitle + "</a>"); }); }); </script> | ||
<script> | |||
$(document).ready(function() { | |||
}) | |||
</script> | |||
Версия от 08:37, 23 июня 2023
<div id="randomSong"></div> <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script> <script> $(document).ready(function() { // задаем параметры API запроса var apiUrl = "https://bard-wiki.net/api.php?action=query&list=categorymembers&cmtitle=Категория:Песни&format=json&cmlimit=500"; // делаем запрос к API MediaWiki $.getJSON(apiUrl, function(data) { // получаем список страниц из указанной категории var songs = data.query.categorymembers; // выбираем случайную страницу var randomSong = songs[Math.floor(Math.random()*songs.length)]; // получаем заголовок случайной страницы var songTitle = randomSong.title; // формируем ссылку на случайную страницу var songLink = "https://bard-wiki.net/" + songTitle; // выводим результат на страницу $('#randomSong').html("Случайная песня: <a href=\"" + songLink + "\">" + songTitle + "</a>"); }); }); </script>