POSO
@POSO

Are you sure you want to delete the question?

If your question is resolved, you may close it.

Leaving a resolved question undeleted may help others!

We hope you find it useful!

htmlとjavascriptを使った時計アプリ

解決したいこと

javaがうまく動かない

発生している問題・エラー

<style>
body{
text-align: center;
}
</style>

<head>
<meta charset="utf-8">
<script src="javascript/nowtime.js"></script>
</head>
<body>
<h2>時計</h2>

<h3>今日は</h3> <span id="nowday"></span> <h3>です。</h3>

<span id="nowtimeclock">※ここに時計が表示されます。</span>
</body>
function nowtime()
{
  var twoDigit =function(num){
          var digit
         if( num < 10 )
          { digit = "0" + num; }
         else { digit = num; }
         return digit;
   }
   var weeks = new Array("Sun","Mon","Thu","Wed","Thr","Fri","Sat");

  var now = new Date();

  var year = now.getFullYear();
  var month = twoDigit(now.getMonth() + 1)
  var day = twoDigit(now.getDate());
  var week = weeks[now.getDay()];
    var hour = twoDigit(now.getHours());
    var minute = twoDigit(now.getMinutes());
    var second = twoDigit(now.getSeconds());

    document.getElementById("nowday").textContent =  year + "/" + month + "/" + day + " (" + week + ")";

document.getElementById("nowtimeclock").textContent = hour + ":" + minute + ":" + second;

}

setInterval(nowtime, 1000);

//= require jquery    
//= require jquery_ujs  
//= require_tree .  

GET http://localhost:3000/net::ERR_ABORTED 404 (Not Found)
がエラーで出ます
```

自分で試したこと

<%= javascript_include_tag 'application', 'data-turbolinks-track': 'reload' %>
方式から変えてみました

1

3Answer

コードに問題は無いようです。そのままで動きました。
環境や手順の問題かと思います。
ブラウザでそのページにアクセスした手順を書いてください。

GET http://localhost:3000/net::ERR_ABORTED 404 (Not Found)

rails serverの話ですか?

単にこのHTMLページをブラウザで直接開くか、Apache等のWebサーバーが動いているならそれを介してアクセスしてみたらどうですか?

javaがうまく動かない

javaではないですよね。JavaScriptのことですかね。

0Like

Comments

  1. まずJavaとJavaScriptは違うものですので念のため。

    > これはlocalhostの一ページ目から飛びます

    私にはこの文の意味がわかりません。

    私がお尋ねした
    > 単にこのHTMLページをブラウザで直接開くか、Apache等のWebサーバーが動いているならそれを介してアクセスしてみたらどうですか?

    の結果をお知らせください。
  2. @POSO

    Questioner

    > 単にこのHTMLページをブラウザで直接開くか、Apache等のWebサーバーが動いているならそれを介してアクセスしてみたらどうですか?
    urlをそのままコピーししましたが、JavaScriptは動いていませんでした
    > これはlocalhostの一ページ目から飛びます

    このページは2ページ目です

urlをそのままコピーししましたが、JavaScriptは動いていませんでした

このJavaScriptコードはHTMLファイルと同じディレクリの下にある javascript/nowtime.js なんですよね?まずこのパスとファイル名に間違いがないか、そしてもしローカルPCとは別のところにサーバーがあるのなら、間違いなくアップロードされているかを確認してください。

それでもダメなら、HTMLファイルの</body>の前に、そのJavaScriptコードを<script></script>ではさんで入れてみてください。

このページは2ページ目です

その2ページ目へのリンクに進むと 404 Not Found になったということですか?

で、さきほど

urlをそのままコピーししましたが、JavaScriptは動いていませんでした

というお話がありましたが、それはHTMLページは表示された(404 Not Foundにはならなかった)ということですか?

それなら2ページ目へのリンクの参照URLがおそらく正しくないのでしょうね。

JavaScriptコードが動かない問題とはまた別の問題ですよね。

0Like

このJavaScriptコードはHTMLファイルと同じディレクリの下にある javascript/nowtime.js なんですよね?まずこのパスとファイル名に間違いがないか、そしてもしローカルPCとは別のところにサーバーがあるのなら、間違いなくアップロードされているかを確認してください。

それでもダメなら、HTMLファイルの

0Like

Comments

  1. @POSO

    Questioner

    直接jsコードを埋め込んだら動きました、ありがとうございます
    いずれ圧縮したいので、何かいい方法があったら教えてくれると嬉しいです

Your answer might help someone💌