Javascript數組和圖像

-3

好吧，所以我之前問過這個問題，但我沒有得到解決我的問題的答案，我會盡力解釋它。所以，讓我說我有一個數組與3個項目，讓我們說它降落在0我有一個代碼設置它將顯示在div現在我需要的圖像顯示在陣列旁邊。所以另一個例子就像我有一系列的汽車，寶馬，公民和奔馳，讓我說我有一個隨機數字發生器，它選擇1這是寶馬這個詞將在div中顯示，如果公民被選中公民將在旁邊有一個公民標誌，如果梅賽德斯被選中，奔馳將在其旁邊有一個標誌。此外，如果可能，我希望在我添加了id會把背景圖像的CSS永遠PIC是什麼（理由是我想添加一些設計圖片）Javascript數組和圖像

來源

2017-09-14 user8606762

爲什麼不給相應品牌的鑰匙添加相應品牌的徽標 –

你能否進一步解釋你到底想要達到的目標是什麼？ –

那麼你想出什麼代碼來解決這個問題？你可能想編輯你的問題並將其包含在那裏。 – dat3450

<!DOCTYPE html> 
<html> 
<head> 
    <meta charset="utf-8"> 
    <meta name="viewport" content="width=device-width"> 
    <title>JS Bin</title> 
</head> 
<body> 
<script src="https://code.jquery.com/jquery-3.1.0.js"></script> 

    <ul id="carList"> 


    </ul> 

    <button id="getRandomCar">Get Random Car</button> 


</body> 
    <script> 
    $(document).ready(function(){ 
    var carsArray = [{ 
    brand : 'BMW', 
    logo : 'link-to-logo.png', 
    model : 'BMW X7', 
    }, 
    { 
    brand : 'Honda', 
    logo : 'link-to-logo.png', 
    model : 'Civic', 
    }, 
    { 
    brand : 'Mercedez-Benz', 
    logo : 'link-to-logo.png', 
    model : 'C-Class Sedan', 
    }]; 

function randomNumberGenerator(params) { 
    return Math.round(Math.random()*params); 
} 

function randomCar() { 
    $('#getRandomCar').click(function() { 

    var selectedCar = randomNumberGenerator(carsArray.length - 1); 
    console.log(selectedCar); 
    var template = '<li>'; 
    template += 'Brand: ' + carsArray[selectedCar].brand + '</br>'; 
    template += 'Logo: ' + carsArray[selectedCar].logo + '</br>'; 
    template += 'Model: ' + carsArray[selectedCar].model + '</br>'; 

    $('#carList').html(template); 

    }); 
} 
     randomCar(); 
    }); 
    </script> 
</html>

嘗試this作爲參考。

我創建了一個對象數組（carsArray）。由於它是一個對象，因此可以添加您認爲有必要的屬性。

該示例生成一個隨機數，然後將其用作carsArray的索引。獲取的對象值將被注入到DOM中。

來源

2017-09-14 04:20:16 rafon

我能在本地獲得照片嗎 – user8606762

你是什麼意思？ – rafon

Javascript數組和圖像

回答

相關問題