CodePenで作ったWebアプリで特定の動作の時のみ背景色を変更したい
CodePenを使ってWebアプリを作成しています。
このWebアプリはTeachable Machineを使って画像を学習させたものを連携し、
その画像がWebカメラに映ると、それに紐づいた結果がテキスト表示されるというものです。
下記JSコード内の”ウォルマート”の時のみ、背景色を赤色にしたい場合は
どのようなCSSコードを入力すればいいのでしょうか。
JSのコード
function loop() { // 推論を実行し、エラーがあればerrに、結果をresultsに格納して、 // 推論が完了次第 { } の中身を実行します classifier.classify(async (err, results) => { // 結果のresultsは配列ですが、先頭に中身があれば以下の処理を実行します if (results[0]) { await axios.post('https://nodered-komori.herokuapp.com/receiver', results); ** if (results[0].label === "ウォルマート") { console.log(results[0].label); // コンソール表示 document.getElementById("result").textContent = results[0].label+"が1位です!正解!!"; }** else if(results[0].label === "アマゾン") { console.log(results[0].label); // コンソール表示 document.getElementById("result").textContent = results[0].label+"は2位です。ただ、2025年までにアマゾンがウォルマートを抜いて世界最大の小売企業になるだろうと予測されています。"; } else { console.log(results[0].label); // コンソール表示 document.getElementById("result").textContent = results[0].label+"は3位です。残念。"; } } // 推論終了1秒後に自分の関数を実行(ループになる) setTimeout(loop, 1000); }); }
作成途中のWebアプリはこちら
回答1件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2021/08/09 07:26