フィールドの値がマイナスの時だけ、テキストの色を赤色にしたいです。

いつも大変お世話になっております。

タイトル通り、
フィールドの値がマイナスの時だけ、テキストの色を赤色にしたいです。

色々試行錯誤したのですが、2つ問題があり、困っております。
・console.dirで値をとってきた時、一つ前の値が取得され、最新の値が取れないです。
・赤文字や太文字スタイルが変更できないです。

どうぞよろしくお願いします。


※売上合計(昼売上+夜売上の自動計算フォームです)
※現金誤差チェック(手数え現金ー売上合計の自動計算フォームです)


(function () {
“use strict”;
var events = [
//‘app.record.detail.show’,
//‘app.record.create.show’,
//‘app.record.edit.show’,
‘app.record.create.change.昼売上’,
‘app.record.edit.change.昼売上’,
‘app.record.create.change.夜売上’,
‘app.record.edit.change.夜売上’,
‘app.record.create.change.手数え現金’,
‘app.record.edit.change.手数え現金’,
‘app.record.create.change.売上合計’,
‘app.record.edit.change.売上合計’,
‘app.record.create.change.現金誤差チェック’,
‘app.record.edit.change.現金誤差チェック’
];
kintone.events.on(events, function(event) {

var record = event.record;

if ( record[‘現金誤差チェック’][‘value’] === 0) {
console.dir("現金誤差チェック(0): "+record[‘現金誤差チェック’][‘value’]);
record[‘現金誤差チェック’].style.color = ‘black’;
record[‘現金誤差チェック’].style.fontWeight = ‘normal’;
} else {
console.dir("現金誤差チェック(0以外): "+record[‘現金誤差チェック’][‘value’]);
record[‘現金誤差チェック’].style.color = ‘red’;
record[‘現金誤差チェック’].style.fontWeight = ‘bold’;
}

/*
setTimeout(
function(){
if ( record[‘現金誤差チェック’][‘value’] === 0) {
console.dir("現金誤差チェック(0): "+record[‘現金誤差チェック’][‘value’]);
record[‘現金誤差チェック’].style.color = ‘black’;
record[‘現金誤差チェック’].style.fontWeight = ‘normal’;
} else {
console.dir("現金誤差チェック(0以外): "+record[‘現金誤差チェック’][‘value’]);
record[‘現金誤差チェック’].style.color = ‘red’;
record[‘現金誤差チェック’].style.fontWeight = ‘bold’;
}
},1000);
*/

/*
var field_div = document.getElementsByClassName(“field-5352268”);
var field_name = document.getElementsByClassName(“input-text-cybozu”);
for(var i = 0; i < field_div.length; i++) {
if(field_name[i][‘value’] === 0){
field_name.style.backgroundColor = “#F00”;
}else{
field_name.style.backgroundColor = “#333”;
}
}
*/

return event;
});
})();

以下の記事のコードで、詳細画面のフィールド条件に応じて文字色を変える部分が参考になると思います。

https://developer.cybozu.io/hc/ja/articles/202341944

ダン吉さん

返答ありがとうございます。
参考にさせて頂きます!

追加時の画面や変更時の画面では、やはり無理そうですかね。