查看“︁微件:RandomPlant”︁的源代码

<includeonly>
<style>
.random-plant-box {
    text-align: center;
    padding: 20px;
    background: #f5f5f5;
    border-radius: 12px;
    border: 1px solid #e0e0e0;
    margin: 15px 0;
}
.random-plant-btn {
    padding: 10px 30px;
    font-size: 16px;
    background: #4CAF50;
    color: #fff;
    border: none;
    border-radius: 8px;
    cursor: pointer;
    margin-bottom: 15px;
}
.random-plant-btn:hover { background: #45a049; }
.random-plant-result {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 8px;
}
.random-plant-result a {
    display: inline-block;
    padding: 6px 14px;
    background: #fff;
    border: 1px solid #4CAF50;
    border-radius: 20px;
    color: #4CAF50;
    text-decoration: none;
    font-size: 14px;
    transition: all 0.2s;
}
.random-plant-result a:hover {
    background: #4CAF50;
    color: #fff;
}
</style>

<div class="random-plant-box">
    <button class="random-plant-btn" id="random-plant-btn">🎲 随机抽 5 个植物</button>
    <div class="random-plant-result" id="random-plant-result"></div>
</div>

<script>
(function() {
    function pickRandom() {
        var names = [];
        $('.pvzhe-card-name').each(function() {
            var name = $(this).text().trim();
            if (name) names.push(name);
        });

        if (names.length === 0) {
            $('#random-plant-result').html('<span style="color:#888;">当前页面无植物卡片</span>');
            return;
        }

        names = names.sort(function() { return Math.random() - 0.5; });
        var picked = names.slice(0, 5);
        var html = '';
        picked.forEach(function(name) {
            html += '<a href="/w/' + encodeURIComponent(name) + '">' + name + '</a>';
        });
        $('#random-plant-result').html(html);
    }

    $(document).on('click', '#random-plant-btn', pickRandom);
})();
</script>
</includeonly>