1. ホーム
  2. javascript

[解決済み] Javascriptはhtmlがなくても動作しますか?[クローズド]

2022-02-12 10:36:41

質問事項

Javaスクリプトでカウントダウンタイマーを作りました。

それまでは、JavaScriptはアラートなどを作るとき以外は、htmlがないとアプリケーションを作れないと思っていました。では、なぜJavaScriptだけでアプリケーションを作らないのでしょうか?

 <span id="countdown" class="timer"></span>
<script>
var seconds = 60;
function secondPassed() {
    var minutes = Math.round((seconds - 30)/60);
    var remainingSeconds = seconds % 60;
    if (remainingSeconds < 10) {
        remainingSeconds = "0" + remainingSeconds;  
    }
    document.getElementById('countdown').innerHTML = minutes + ":" + remainingSeconds;
    if (seconds == 0) {
        clearInterval(countdownTimer);
        document.getElementById('countdown').innerHTML = "Buzz Buzz";
    } else {
        seconds--;
    }
}

var countdownTimer = setInterval('secondPassed()', 1000);
</script> 

解決方法は?

Javascriptは、単独でアプリケーションを作成するために使用されます。しかし、結果を表示するためのオプションが必要です。

これはコマンドライン(NodeJS、ブラウザコンソール)、ネットワークレスポンス(NodeJS)、グラフィカルインターフェース(HTML、SVG、Canvas、WebGLのいずれかを備えたブラウザ)のいずれでもかまいません。

あなたの場合、適切なウェブページを作成していないので、ブラウザはあなたの出力を一種の "default html" として解釈し、スタイルを変えずに表示します。開発者ツールでカウントダウンを確認すると、生成されたHTMLを見ることができます。