如何修复 .src 属性在 javascript 中不起作用？ [已关闭]

Question

所以我正在编写根据随机数更改图像的代码。

这是我的代码：

let r = Math.floor(Math.random()*8+1)

let p = document.getElementsByClassName("imgs");

switch (r) {
    case 1:
        p[0].src = 'img1.jpg';
        break;
    case 2:
        p[1].src = 'img2.jpg';
        break;
    case 3:
        p[2].src = 'img3.jpg';
        break;
    case 4:
        p[3].src = 'img4.jpg';
        break;
    case 5:
        p[4].src = 'img5.jpg';
        break;
    case 6:
        p[5].src = 'img6.jpg';
        break;
    case 7:
        p[6].src = 'img7.jpg';
        break;
    case 8:
        p[7].src = 'img8.jpg';
        break;
    default:
        break;
    }

但是不行，图像还是一样。

我知道这个问题被问过几次，但我尝试了很多解决方案但没有效果 答案可能是显而易见的，但我是初学者程序员，这是我在 js 中的第一个更大的项目。

Answer 1

您可以使用正确的路径结账，您的路径可能是这样的

./img1.jpg

或者可以像

./your-folder-name/img1.jpg

那样向前迈出一步

代码示例 Sinppet：

switch (r) {
    case 1:
        p[0].src = './img1.jpg';
        break;
    case 2:
        p[1].src = './img2.jpg';
        break;
    case 3:
        p[2].src = './img3.jpg';
        break;
    case 4:
        p[3].src = './img4.jpg';
        break;
    case 5:
        p[4].src = './img5.jpg';
        break;
    case 6:
        p[5].src = './img6.jpg';
        break;
    case 7:
        p[6].src = './img7.jpg';
        break;
    case 8:
        p[7].src = './img8.jpg';
        break;
    default:
        break;
    }