javascript - 根据 CSV 值切换可见性

Question

我正在尝试为我们的办公室创建一个仪表板，我想显示 session 室的占用情况(不幸的是，我们没有合适的 session 室系统)。我有一些传感器可以吐出一个 CSV 文件，说明是否检测到运动，我有一个办公室的计划，每个房间都有绿色或红色的覆盖层。

我遇到的问题是如何根据 CSV 值在仪表板中切换绿色或蓝色的可见性。 IE。如果最后一个值为“MotionDetected”，则显示红色，如果该值不是“MotionDetected”，则显示绿色。

我对任何编码都很陌生，所以我只有基础知识。任何帮助将不胜感激!

提前致谢!

预期的输出是，如果 CSV 中的最后一个值为“MotionDetected”，则显示红色，如果该值不是“MotionDetected”，则显示绿色。

Answer 1

获取 csv 的最后一个值:Get last part of CSV string

JavaScript:

var myCSV = "red,yellow,green,blue";
var csv_Data = myCSV.split(',');
var last = csv_Data[csv_Data.length - 1];
// or
//var last = myCSV.substr(myCSV.lastIndexOf(',') + 1);


// get the thing that changes color.
var ele = document.getElementById("theThingThatChangesColor");

if(last === "MotionDetected") {
    ele.style.backgroundColor = "red";
} else {
    ele.style.backgroundColor = "green";
}

如果您在 css 文件中有您需要的类，您可以更改类而不是样式:JS Change class of element