JavaScript轮播开发中数组返回undefined的问题求助

我正在完成一项作业，需要使用图片、数组和自选计时功能实现轮播。但在使用getElementById时，数组总是返回undefined，尽管HTML中对应的id确实存在。我不清楚问题所在，因此无法继续编写后续代码。提前说明，我的JavaScript基础较弱，代码可能存在不少问题，但这是学习的一部分。

以下是我的JavaScript代码：

let slides = document.getElementById[ 
    ["img1", "text1"],
    ["img2", "text2"],
    ["img3", "text3"],
    ["img4", "text4"],
    ["img5", "text5"],
    ["img6", "text6"],
    ["img7", "text7"],
    ["img8", "text8"],
    ["img9", "text9"],
    ["img10", "text10"]];
function slideShow() {
    for (let i = 0; i < slides.length; i++) {
        for (let j = 0; j < slides[i].length; j++) {
            setTimeout( function() {
                slides.style.display = slides[i][j].Math.random()*11;
            }, 3000);
        }
    }
}
slideShow();

以及证明id存在的HTML代码：

<!DOCTYPE html>
<html lang="en">
<head>
    <title>14_A_03
        </title>
    <meta charset="utf-8">
    <link rel="stylesheet" href="14_A_03.css">
    </head>
<body>
    <div id="slideshow">
        <div class="slide">
            <div id="text1">
                <h2>Orca
                    </h2>
                <p>Orcinus Orca<br><span class="small">Data Deficient</span>
                    </p>
                </div>
            <div id="img1">
                <img src="images/img-1-orca.jpg" width="600" alt="Orca jumping out of the water">
                </div>
            </div>
        <div class="slide">
            <div id="text2">
                <h2>Common Bottlenose Dolphin
                    </h2>
                <p>Tursiops Truncatus<br><span class="small">Least Concern</span>
                    </p>
                </div>
            <div id="img2">
                <img src="images/img-2-common-bottlenose.jpg" width="600" alt="Two Common Bottlenose Dolphins swimming underwater together">
                </div>
            </div>
        <div class="slide">
            <div id="text3">
                <h2>Indo Pacific Humpback Dolphin
                    </h2>
                <p>Sousa Chinensis<br><span class="small">Vunerable</span>
                    </p>
                </div>
            <div id="img3">
                <img src="images/img-3-indo-pacific-humpback.jpg" width="600" alt="Indo Pacific Humpback Dolphin jumping out of the water">
                </div>
            </div>
        <div class="slide">
            <div id="text4">
                <h2>Pacific White-Sided Dolphin
                    </h2>
                <p>Lagenorhynchus Obliquidens<br><span class="small">Least Concern</span>
                    </p>
                </div>
            <div id="img4">
                <img src="images/img-4-pacific-whitesided.jpg" width="600" alt="Two Pacific White-Sided Dolphins jumping out of the water together">
                </div>
            </div>
        <div class="slide">
            <div id="text5">
                <h2>Dusky Dolphin
                    </h2>
                <p>Lagenorhynchus Obscurus<br><span class="small">Data Deficient</span>
                    </p>
                </div>
            <div id="img5">
                <img src="images/img-5-dusky.jpg" width="600" alt="Dusky Dolphin jumping out of the water">
                </div>
            </div>
        <div class="slide">
            <div id="text6">
                <h2>Atlantic Spotted Dolphin
                    </h2>
                <p>Stenella Frontalis<br><span class="small">Data Deficient</span>
                    </p>
                </div>
            <div id="img6">
                <img src="images/img-6-atlantic-spotted.jpg" width="600" alt="Two Atlantic Spotted Dolphins swimming underwater together">
                </div>
            </div>
        <div class="slide">
            <div id="text7">
                <h2>Atlantic White-Sided Dolphin
                    </h2>
                <p>Lagenorhynchus Acutus<br><span class="small">Least Concern</span>
                    </p>
                </div>
            <div id="img7">
                <img src="images/img-7-atlantic-whitesided.jpg" width="600" alt="Atlantic White-Sided Dolphin jumping out of the water">
                </div>
            </div>
        <div class="slide">
            <div id="text8">
                <h2>Peale's Dolphin
                    </h2>
                <p>Lagenorhynchus Australis<br><span class="small">Data Deficient</span>
                    </p>
                </div>
            <div id="img8">
                <img src="images/img-8-peales.jpg" width="600" alt="Peale's Dolphin jumping out of the water">
                </div>
            </div>
        <div class="slide">
            <div id="text9">
                <h2>Heaviside's Dolphin
                    </h2>
                <p>Cephalorhynchus Heavisidii<br><span class="small">Data Deficient</span>
                    </p>
                </div>
            <div id="img9">
                <img src="images/img-9-heavisides.jpg" width="600" alt="Two Heaviside's Dolphins jumping out of the water">
                </div>
            </div>
        <div class="slide">
            <div id="text10">
                <h2>Yangtze River Dolphin
                    </h2>
                <p>Lipotes Vexillifer<br><span class="small">Critically Endangered / Possibly Extinct</span>
                    </p>
                </div>
            <div id="img10">
                <img src="images/img-10-baiji.jpg" width="600" alt="Yangtze River Dolphin looking through the surface of the water">
                </div>
            </div>
        </div>
    <script src="14_A_03.js"></script>
    </body>
</html>

我尝试过多种解决方案，但始终无法解决数组返回undefined的问题，而这是作业要求的必要部分，必须解决才能继续。

编辑：问题已快速解决，感谢大家的帮助！

内容的提问来源于stack exchange，提问作者nixlir