javascript - JavaScript で HTML メーターを更新するには?

Question

メーターが含まれていると言うこの機能を実装したいのですが、基本的に選択したオプションに応じて変動します。したがって、東に行って店にたどり着いた場合、メーターは 30% 満杯です。でも西に行くとメーターは20%くらい。HTML 機能を JavaScript コードに組み込むにはどうすればよいですか? JavaScript コードを中断せずに、そこに HTML のみを書き込む方法はありますか?

私は試してから、.innerHTML で終わる document.getElementById で meter と呼ばれる var を追加しようとしましたが、うまくいかなかったようです。

以下は west のコードです。現在のところ、他に選択できるオプションはありません。

JavaScript

else if (newInput == "West") {
    textInput = "You went to the abandoned neighborhood";
    //state = "sites"
    document.getElementById("message").innerHTML = textInput;
}

変更したいメーターの HTML は次のとおりです。

<p align = "center" id = "meter">
    <font color = "red">
        <b>Awareness:<progress value = "0" max = "100"></b>
    </font>
</p>

返信ありがとうございます。