app.jsのクイズゲームのconsole.logの実装Error
解決したいこと
app.jsでクイズゲームのWebアプリをつくっています。
記事を投稿するコンソールログでエラーが発生しました。
解決方法を教えて下さい。
発生している問題・エラー
Uncaught TypeError: document.getElementByID is not a function
at app.js:11
該当するソースコード
index.html
<!doctype html>
<html class="no-js" lang="">
<head>
<meta charset="utf-8">
<title></title>
<meta name="description" content="">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="manifest" href="site.webmanifest">
<link rel="apple-touch-icon" href="icon.png">
<!-- Place favicon.ico in the root directory -->
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.0/css/bootstrap.min.css" integrity="sha384-9aIt2nRpC12Uk9gS9baDl411NQApFmC26EwAOH8WgZl5MYYxFfc+NcPb1dKGj7Sk" crossorigin="anonymous">
<meta name="theme-color" content="#fafafa">
</head>
<body>
<div class="container">
<div id="js-question" class="mt-3 alert alert-info" role="alert">
A simple info alert—check it out!
</div>
<div class="d-flex justify-content-center">
<button type="button" class="btn btn-secondary">Secondary</button>
<button type="button" class="ml-1 btn btn-secondary">Secondary</button>
<button type="button" class="ml-1 btn btn-secondary">Secondary</button>
<button type="button" class="ml-1 btn btn-secondary">Secondary</button>
</div>
</div>
<script src="app.js"></script>
</body>
</html>
app.js
const puestion = '私がエンジニアになりたい理由はどれでしょう？';
const answers = [
'給料がいいから',
'スキルを身につけて将来フリーランスになりtらいから',
'好奇心と発想力を活かしたいから',
'父に言われたから',
'日本で最近流行っているから'
];
const correct = '好奇心と発想力を活かしたいから';
console.log(document.getElementByID('js-question').textContent);
自分で試したこと
・console.log(document.getElementByid('js-question').textContent)のidを大文字じゃないと出ないと記事に書いてあったので大文字に変更しました。
・app.jsのconsole.log(document.getElementByID('js-question').textContent);をコメントアウトしてみましたが表示が変わりません。
・ChromeのサーバーではなくHTTPサーバーを借りて行っております。
どなたかご教授いただけると幸いです。
0
