質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

新規登録して質問してみよう
ただいま回答率
87.20%
JavaScript

JavaScriptは、プログラミング言語のひとつです。ネットスケープコミュニケーションズで開発されました。 開発当初はLiveScriptと呼ばれていましたが、業務提携していたサン・マイクロシステムズが開発したJavaが脚光を浴びていたことから、JavaScriptと改名されました。 動きのあるWebページを作ることを目的に開発されたもので、主要なWebブラウザのほとんどに搭載されています。

解決済

document.getElementByid is not a functionというエラーでタイマーが表示されない

SITUMONNYOU
SITUMONNYOU

総合スコア1

JavaScript

JavaScriptは、プログラミング言語のひとつです。ネットスケープコミュニケーションズで開発されました。 開発当初はLiveScriptと呼ばれていましたが、業務提携していたサン・マイクロシステムズが開発したJavaが脚光を浴びていたことから、JavaScriptと改名されました。 動きのあるWebページを作ることを目的に開発されたもので、主要なWebブラウザのほとんどに搭載されています。

2回答

-1評価

0クリップ

460閲覧

投稿2022/01/22 22:50

編集2022/01/23 20:17

javascriptでカウントダウンタイマーの作り方を解説しているサイトリンク内容https://dev83.com/js-countdown/
で書かれてあるコードをVScode写経しながらjavascriptのカウントダウンタイマーを作成して
Microsoftedgeで開いたらなぜかタイマーが表示されてなく,
Microsoftedgeの開発者ツールを開きバグなどがないか確認したところUncaught TypeError: document.getElementByid is timer.html:25 not a function
at HTMLDocument.<anonymous> (timer.html:25:36)
と出てきてしまい解決方法がわからず困っています
詳しい解決方法教えてくれませんか?
長文失礼しました

html ```<!DOCTYPE html> <html> <body> <div class="timer" id="timer"></div> <style> .timer{ font-weight:bold; font-size :1.6em; color:#222; } </style> <script> document.addEventListener('DOMContentLoaded', function() { var Timer=function(saleStartTime,saleEndtime,endmessage,outputDestination){ this.saleStartTime=saleStartTime; this.saleEndtime=saleEndtime; this.endmessage=endmessage; this.outputDestination=outputDestination; }; Timer.prototype.countDown=function(){} var saleStarttime=new Date(this.saleStartTime); var saleEndtime=new Date(this.saleEndtime); var countDownTime=document.getElementById(this.outputDestination) var endMEssage=this.endMEssage; var currenttimeCD; var currentTime; var untilStartTime; var untilFinishtime; var oneDay=24*60*60*1000; var d=0; var h=0; var m=0; var s=0; function calculateTime(){ currentTimeCD=newDate(); untilStartTime=saleStartTime-currentTimeCD; untilFinishtime=saleEndTime-currentTimeCD; if(currentTimeCD<saleStartTime){ D=Math.floor(untilStartTime/oneDay); h=math.floor((untilStartTime%oneDay)/(60*60*1000)); m=Math.floor((untilStartTime%oneDay)/(60*1000))%60; s=Math.floor((untilStartTime%oneDay)/1000)%60%60; }else{ d=Math.floor(untilFinishtime/oneDay) h=Math.floor((untilfinishTime%oneDay)/(60*60*1000))%60; m=Math.floor((untilFinishTime%oneDay)/(60*1000))%60; s=Math.floor((untilFinishTime%oneDay)/1000)%60%60; } showTime(); } function ShowTime(){ if(currentTimeCD<saleStartTime){ counDownTimer.innerHTML ='開始まで'+d+'日'+h+'時間'+m+分+s+'秒'; }else if(currentTimeCD>=saleStartTime &&currentTimeCD<=saleEndTime){ cuntDownTimer.innerHTML ='あと'+d+'日'+h+'時間'+m+'分'+s+'秒'+'で終了'; }else{ countDownTimer.innerHTML=endMessage; } } setInterval(calculateTime,1000); var myTimer=new Timer('2022/01/23 00:00:00', '2022/1/24 00:00:00', '終了!','timer'); myTimer.countDown(); },false) </script> </body> </html>

良い質問の評価を上げる

以下のような質問は評価を上げましょう

  • 質問内容が明確
  • 自分も答えを知りたい
  • 質問者以外のユーザにも役立つ

評価が高い質問は、TOPページの「注目」タブのフィードに表示されやすくなります。

気になる質問をクリップする

クリップした質問は、後からいつでもマイページで確認できます。

またクリップした質問に回答があった際、通知やメールを受け取ることができます。

teratailでは下記のような質問を「具体的に困っていることがない質問」、「サイトポリシーに違反する質問」と定義し、推奨していません。

  • プログラミングに関係のない質問
  • やってほしいことだけを記載した丸投げの質問
  • 問題・課題が含まれていない質問
  • 意図的に内容が抹消された質問
  • 過去に投稿した質問と同じ内容の質問
  • 広告と受け取られるような投稿

評価を下げると、トップページの「アクティブ」「注目」タブのフィードに表示されにくくなります。

m.ts10806

2022/01/22 23:15

「[急募]初心者で分かりにくかったらすみません 」 をなくせばだいぶ削れますし、エラーメッセージすべてタイトルに載せる必要はないと思います。むしろタイトルで必要な内容がほぼないです。 質問タグに「JavaScript」があるのでタイトルに書く必要がないです。 「document.getElementByid is not a functionというエラーでタイマーが表示されない」のようなタイトルで十分に思います。 それにご自身のコードを提示されないことにいは「エラーの通り」くらいしか言えません。 質問は編集できます。調整してください。 (急募とか不要です。いつ見るとも分からない赤の他人に対しては逆効果です)
SITUMONNYOU

2022/01/22 23:17

わかりました ありがとうございます
m.ts10806

2022/01/22 23:20

それにご自身のコードを提示されないことにいは「エラーの通り」くらいしか言えません。
SITUMONNYOU

2022/01/22 23:23

文章長くて変になりましたけど自分のコード書きました
SITUMONNYOU

2022/01/22 23:25

他に修正が必要なところなどはありますか?
m.ts10806

2022/01/22 23:29

別に長いのも変なのも悪いとは思いません。 ただ、コードブロックにおさまってないので投稿前にプレビュー見ながら調整してもらえたらと。 ```言語名 //ここにコード ``` です。
m.ts10806

2022/01/22 23:31

ただ、参考先がWebサイトでテキストで表示なら「写経」じゃなく 普通にコピペしたほうが間違いがないと思いますけど・・ しかしながら、このコードを何も基礎なしに実現するのは難だと思います。 出ているエラーを調べるくらいは自分で出来た方が良いです。(ドキュメントなども参考にすべきで) https://qiita.com/cannorin/items/eb062aae88bfe2ad6fe5
SITUMONNYOU

2022/01/22 23:34

調べたりはしているんですけど学校から借りているパソコンなので学校関連のサイト以外はほとんどブロックされています(このサイトは使えたけど)
m.ts10806

2022/01/22 23:36 編集

細かいところ申し訳ないですが、コードブロック内には実際のコード以外含めないでもらえると。 1クリックでコピペできるようになるのですけど、実際のコード以外が入っていたらそれぞ除いてから確認する必要があるので、結構手間になるのです(それに他人なのでその文言が実際に入ってるかどうか知らないわけですし、「コードにはないだろうな」という推測にしかならず、実際に入っていたケースが稀ですがあったので)
SITUMONNYOU

2022/01/22 23:40 編集

例えば コード ```とかですか?

まだ回答がついていません

会員登録して回答してみよう

15分調べてもわからないことは
teratailで質問しよう!

ただいまの回答率
87.20%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

質問する

関連した質問

同じタグがついた質問を見る

JavaScript

JavaScriptは、プログラミング言語のひとつです。ネットスケープコミュニケーションズで開発されました。 開発当初はLiveScriptと呼ばれていましたが、業務提携していたサン・マイクロシステムズが開発したJavaが脚光を浴びていたことから、JavaScriptと改名されました。 動きのあるWebページを作ることを目的に開発されたもので、主要なWebブラウザのほとんどに搭載されています。