JavaScriptのボタンが機能しません。こちらのコードの問題点を知りたいです。

前提・実現したいこと

現在、JavaScriptでボタンを取得してそれをクリックしたらPタグを書き換える練習をしています。
コードは何度も確認しましたが、間違えを見つける事ができません。
恐らく何か小さいミスだと思いますが、分かる方は是非教えて頂きたいです。
よろしくお願いします。

該当のソースコード

<!DOCTYPE html> <html lang="utf-8"> <head> <meta charaset="utf-8"> <title>デジタル時計</title> </head> <body> <p id="result">現在の時刻を表示します</P> <input type="button" value="取得"　onclick="show();"> <script> function show(){ 　var result = document.getElementById('result'); console.log(result); var nowDate = new Date(); result.innerText = nowDate.toLocaleString(); } </script> </body> </html>

otftrough

2020/02/11 04:20

該当のコードを載せてください。

kasabranka

2020/02/11 04:31

こちらにコードを入れる前に投稿してしまいました。まだ慣れておらず大変失礼致しましたm(._.)m コードを追加しましたのでこちらご参照頂ければ有難いです。よろしくお願いします。

行動規範の内容に同意します

回答2件

ベストアンサー

HTML
1<!--<input type="button" value="取得"　onclick="show();">
2                                     ↓ 全角空白を半角に-->
3    <input type="button" value="取得" onclick="show();">

投稿2020/02/11 04:33

kei344

総合スコア69606

kasabranka

2020/02/12 09:44

問題解決しました！　単純ミスでしたね。ありがとうございました！

行動規範の内容に同意します

マークダウンで書いてください。

html
1<!DOCTYPE html>
2<html lang="ja">
3	<head>
4		<meta charset="utf-8">
5		<title>デジタル時計</title>
6	</head>
7	<body>
8		<p id="result">現在の時刻を表示します</p>
9		<input type="button" value="取得" onclick="show()">
10		<script>
11			function show(){
12			var result = document.getElementById('result');
13			console.log(result);
14			var nowDate = new Date();
15			result.innerText = nowDate.toLocaleString();
16			}
17		</script>
18	</body>
19</html>