JavaScriptの質問をしたり答えたりする掲示板

だら@Crieit開発者
2019-01-29に作成

JavaScriptに関する質問を何でもしていい掲示板です。匿名での投稿も可能です。どんなことでもどしどし書き込んでください。回答もどなたでも自由にできます。僕も回答できる内容であれば必ず回答します！

質問は下記に沿って書いていただくと回答しやすくなります。

  • 実際のソースコードがある場合、可能な範囲で書いていただくと問題点を見つけやすくなります。
  • 実際に発生したエラーメッセージがある場合、コピペしていただくと問題解決につながる可能性が高いです。
  • 見た目上の問題の場合、スクリーンショットを貼ると状況が把握しやすくなります。
ボードとは？
2020-06 clear

textboxに文字を入力し、検索ボタンを押すと入力した文字がdocument部分に出力されるプログラムを作成しています。作成した以下のコードをブラウザ上で確認すると、コンソールにエラーが表示されます。

エラーの解消方法を教えてください。使用しているブラウザはClomeです。
発生するエラー

Uncaught TypeError: Cannot read property 'word' of null
    at HTMLFormElement.document.getElementById.onsubmit

ーーーーーーーーーーーーーーーーー
作成したコード

<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width,initial-scale=1">
<meta http-equiv="x-ua-compatible" content="IE=edge">
<title>template</title>
<link href="../../_common/css/style.css" rel="stylesheet" type="text/css">
</head>
<body>
<header>
<div class="header-contents">
<h1>タイトル</h1>
<h2>サブタイトル</h2>
</div><!-- /.header-contents -->
</header>
<div class="main-wrapper">
<section>
    <form action="#" id="form">
        <input type="text" name="word">
        <input type="submit" value="検索">
    </form>
    <p id="output"></p>
</section>
</div><!-- /.main-wrapper -->
<footer>JavaScript Samples</footer>
<script>
    'use strict';
    document.getElementById('form').onsubmit=function(event){
        event.preventDefault();
        const search= document.getElementById('from').word.value;
        document.getElementById('output').textContent=`「${search}」の検索中...`;
    };
</script>
</body>
</html>
person
(匿名) #5d424f07
2020-06-12に投稿
comment
1
js

テンプレートリテラル「``」と「+」の違いが分かりません。
どちらも連結できるという事はわかるんですが
使い分けをする理由が良くわかりません
教えてください。
宜しくお願いします。

js初心者です。質問です。
ボタンが二つならんでいてtype(1)を押して開いた状態でtype(2)を押したらtype(1)が開いたままになってしまうので閉じるようにしたいのですが下記jsにどのように追加すればいいでしょうか？
教えていただけると助かります。

$('.gnavi ul li:nth-of-type(1) a').on('click',function(){

$('.gnavi dl.type01').slideToggle().toggleClass('open');

return false;

});

$('.gnavi ul li:nth-of-type(2) a').on('click',function(){

$('.gnavi dl.type02').slideToggle().toggleClass('open');

return false;

});

JavaScript HTML グローバル変数

初めまして、
グローバル変数が何故か値を保持してくれません！！

あるfnction内でグローバル変数を使用しているのですが、
functionを抜けた後でも、」値を保持して欲しくて、function内でもグローバル変数に値を格納しています

しかしながら、
何故かグローバル変数を再度使用しようとしても、値が入ってません、、

どういった要因が考えられるでしょうか？？
どなたかお力添え願いたいです、、

タグ

投稿月

最近コメントされた投稿