JavaScriptのonclickイベントで、「is not defined xxx」のエラーが消えない

Question

onclickで関数を実行したいのですが、どうやっても
「Uncaught ReferenceError: illuminance is not defined　at displayDate (watch.js:171)　at HTMLInputElement.onclick (watch.html:106)」のエラーが消えません。

<input type="button" value="保存" onclick="update(illuminance)">

function update(illuminance) {
    document.getElementById("value").innerHTML = illuminance + " lux";
}

if ("AmbientLightSensor" in window) {
    try {
        var sensor = new AmbientLightSensor();
        sensor.addEventListener("reading", function (event) {
            update(sensor.illuminance);
        });
        sensor.start();
    } catch (e) {
        console.error(e);
    }
}
if ("ondevicelight" in window) {
    function onUpdateDeviceLight(event) {
        update(event.value);
    }
    window.addEventListener("devicelight", onUpdateDeviceLight);
}

function displayDate() {
    var txt = document.getElementById("txt");
    txt.innerHTML = "lux:" + illuminance;
    setInterval('displayDate()', 10000);
};

自分なりに調べてみて引数にthisを指定したりしたのですが、解決しませんでした。
onclickで指定していないと普通に動くので、なぜこのエラーが出てしまうのか分かりません。
よろしくお願いいたします。

追記
onclickで環境光センサーの値を出力したいと考えています。
(onclick指定をしないと、ちゃんと動く様になっています。)

Comments

[maisumakun]

illuminanceはどこでどのように定義していますか？

[m.ts10806]

HTMLもなるべく全体提示された方が良いと思います。
今作ろうとしているものの要件とか、実現したい機能とか。

[syake_ume]

回答ありがとうございます。
元々のコードが【https://whatwebcando.today/ambient-light.html】のサイトのJavaScriptを切り貼りしている状態なので、定義はしていない状態です。
JSの前にvar illuminamce = 0を定義すると、「Cannot set property 'innerHTML' of null at update (watch.js:140) at HTMLInputElement.onclick (watch.html:106)」が出てしまいます…

[m.ts10806]

質問は編集できます。「自身のコードとして」質問本文に追記してください。

[m.ts10806]

あとは結局は何を実現しようとして書いたコードか、ですね。
エラーを取り除くだけで良ければ難しくはないですが、要件通り動作させることのほうが大事なので。

[m.ts10806]

そもそも「illuminance 」で何を渡したいのでしょう

[退会済みユーザー]

動作確認しているOSとブラウザを教えてもらえますか？
AmbientLightSensorというAPIを使っていることは上のコメントで分かったのですが、
手持ちの環境では全部Not supportedでした。
Mac：Chrom、Safari、Firefox
Android：Chrom
iOS：Chrom、Safari

[syake_ume]

>Lishさん
コメントありがとうございます。
私も最初は動かず苦労したのですが、調べてみた所環境光センサーはhttps環境下でしか動かない様です。
私は現在github経由でコーディング・テストしている状態です。

[syake_ume]

>m.ts10806さん
コメントありがとうございます。
illuminanceはAmbientLightSensorの環境光(lux)を渡すものだと思って書いていました。

[退会済みユーザー]

>https環境下でしか動かない
私のローカルの環境はSSL対応してあるんですよね、それでも動かない。。。
上のコメントで貼っていただいている、APIについて書いてあるサイトも「https」で、
そのページの「Support in your browser」のところで、今見ているブラウザが対応か否か確認できるとお思うのですが、どのブラウザで見ても「Not supported」なので、、、
なにか特別な設定等されてるのかなと思って質問してみた次第です。

Answer 1

おす！

<input type="button" value="保存" onclick="update(illuminance)">

ここの illuminanceは

<input type="button" value="保存" onclick="update(" + illuminance + ")">

こんな感じにしねぇとダメだと、おら、思うぞ。

で、illuminanceって何へぇってるんだ？

Comments

[退会済みユーザー]

あれ？　おら、メチャクチャなこと言ったな。

[退会済みユーザー]

おら、適当な事言ったぞ。無視してれよ。