日産ジューク電気：大胆で革新的なデザインを明らかにする初画像

// 日産リーフのタイムラインデータ
const timelineData = [
{
date: "2021-09",
description: "フランクフルト自動車展示会で日産リーフのコンセプトを発表。"
},
{
date: "2022-03",
description: "デザインとパフォーマンスを向上させるために、公共道路でプロトタイプのテストを開始。"
},
{
date: "2022-11",
description: "日産がリーフの技術的特性を発表、印象的な航続距離を含む。"
},
{
date: "2023-02",
description: "日産リーフの公式発表、予約開始。"
},
{
date: "2023-06",
description: "顧客への初回納品が行われ、電動車両への移行の重要なステップを示す。"
}
];

// タイムラインの要素を作成する関数
function createTimelineItem(date, description) {
const li = document.createElement('li');
li.classList.add('mb-6', 'pt-6', 'relative');

li.innerHTML = `

`;
return li;
}

// タイムラインをデータで満たす関数
function fillTimeline() {
const timelineElement = document.getElementById('timeline');
timelineData.forEach(item => {
const timelineItem = createTimelineItem(item.date, item.description);
timelineElement.appendChild(timelineItem);
});
}

// タイムラインを満たす関数を呼び出す
fillTimeline();

// 使用されるAPI（この例では外部APIは必要ありませんが、ここでは架空のAPIを示します）
// URL: https://api.nissanleaf.com/timeline
// JSON応答の例:
// {
// "events": [
// {"date": "2021-09", "description": "コンセプト発表。"},
// {"date": "2022-03", "description": "テスト開始。"},
// {"date": "2022-11", "description": "特性発表。"},
// {"date": "2023-02", "description": "公式発表。"},
// {"date": "2023-06", "description": "初回納品。"}
// ]
// }

/* ツールのサイズを最大2000pxに制限 */
#timeline {
max-height: 2000px;
overflow-y: auto;
}

.container {
height: fit-content;
}

Si vous souhaitez lire d'autres articles tels que 日産ジューク電気：大胆で革新的なデザインを明らかにする初画像, consultez la catégorie Insolites.