• 締切済み

JavaScript の引数について教えて下さい。

ある教材を参考に以下の★SCRIPTを記述するとconsoleで以下の画像のような結果になるはずなのですが★CONSOLEのようにしか表示されません。 何度か見直したのですがタイプミス等はないようです。 下の★SCRIPTの記述に何か間違いがあるのでしょうか? 自分ではわかりません。 また今は「引数」の項目について学習しています。 ここに出てくる「$」にはどういう意味があるのでしょうか? 超初心者です。わかる方いらっしゃいましたら宜しくお願いします。 ★SCRIPT <script> 'use strict'; function showAd(message){ console.log('------------------'); console.log('------- ${message} ------'); console.log('------------------'); } showAd('Header AD'); console.log('Tom is great!'); console.log('Bob is great!'); showAD('AD'); console.log('Steve is great!'); console.log('Rich is great!'); showAD('Footer AD'); ~~~~~~~~~~~~~~~~~~~~~~~~~~~ ★CONSOLE ------------------ javascript.html:13 ------- ${message} ------ javascript.html:14 ------------------ javascript.html:21 Tom is great! javascript.html:22 Bob is great! javascript.html:12 ------------------ javascript.html:13 ------- ${message} ------ javascript.html:14 ------------------ javascript.html:26 Steve is great! javascript.html:27 Rich is great! javascript.html:12 ------------------ javascript.html:13 ------- ${message} ------ javascript.html:14 ------------------

みんなの回答

  • notnot
  • ベストアンサー率47% (4846/10257)
回答No.1

タイプミスですね。' と ` を打ち間違えています。 日本語キーボードだと、Shift + 7 と、Shift + @ の違い。

blueletter12345
質問者

お礼

全く違いがわかりませんでした。 どうもありがとうございました。

関連するQ&A

  • プログラミングJavaScript「変数」

    JavaScript 問題1 (変数) // ---------------------------------------- // [変数 - 右辺が定数3] // ---------------------------------------- // 変数nameに文字列"taro"を代入してください △let name = "taro"; console.log("my name is " + name); ※△はエラー △let name = "taro";のところエラーになるのはどうしてでしょうか。 問題2 // ---------------------------------------- // [変数 - 変数の内容を出力2] // ---------------------------------------- // 変数nameの内容を出力してください △let name = "Tom"; console.log(); ※△はエラー △let name = Tom;のところエラーになるのはどうしてでしょうか。 △let name = "Tom";もエラーになる。

  • javascriptのバーティカルバー1本の使い道

    宜しくお願い申し上げます。 javascriptでバーティカルバー1本は、バイナリビット演算子で、ビット論理和 (OR) だと言う事と、ビット演算子は、そのオペランドを 32 ビット (0 と 1) の並びとして扱い、標準の JavaScript 数値を返すということは、こちらのページで読んだのですが、その挙動と使い道が分かりません。 https://developer.mozilla.org/ja/docs/Web/JavaScript/Reference/Operators 例えば、以下のようにコードを書くと、 console.log(10 | 10); console.log(10 | 9); console.log(10 | 8); console.log(10 | 7); console.log(10 | 6); console.log(10 | 5); console.log(10 | 4); console.log(10 | 3); console.log(10 | 2); console.log(10 | 1); console.log(10 | 0); このような謎(私にとってだけだと思いますが)の数値が戻ります。 [Log] 10 [Log] 11 [Log] 10 [Log] 15 [Log] 14 [Log] 15 [Log] 14 [Log] 11 [Log] 10 [Log] 11 [Log] 10 数学が苦手な私にも分かるようなページをご存知の方、もしくは解説をして頂ける方がいらっしゃいましたら、是非ご教示を宜しくお願い申し上げます。

  • JavaScript setTimeout

    失礼します現在ボタンがクリックされた場合、指定秒数をカウント後console.logし、再度ボタンがクリックされた場合秒数を初期化して、再度カウントするようにしたいのですがうまくいきません、何卒ご教授お願い致します。 <td align="center"><input type="button" value=" 1 " onclick="myValue(1)" style="width:100%; height:45px;"></td> <script type="text/javascript"> function hoge(){ //console.log("piyo"); } function myValue(myData){ setTimeout(hoge(),3000); } </script>

  • 現在のhtmlにjavascriptを記述する際の書き方を教えてくださ

    現在のhtmlにjavascriptを記述する際の書き方を教えてください。 今までは以下のように記述していました。 このように<script>タグで囲む方法は古いらしいのですが・・・ <script type="text/javascript"> <!-- function test{   alert(1); } //--> </script>

    • ベストアンサー
    • HTML
  • JavaScript を一文にしたい

    JavaScript で[style]や[classList]と[textContent]を繋げて一文にする方法を教えてください。 超初心者です。 現在、条件分岐を学習した後、条件演算子を学習しています。if~else文を簡略化して以下のように記述できると学びました。 【条件式 ? trueの処理 : falseの処理;】 これを使って(-----)以下のように記述するとブラウザに"Congrats!"と表示されます。 定数constに70を代入すると"You have failed!"とちゃんと出てきます。 ちなみにこれにHTML内に記述しているCSSを効かせたいのですが、 h1.classList.ad('pass').textContent = 'Congrats!': ..........とするとエラーになります。 style属性をつけてセミコロン(;)で区切ってもエラーとなります。 複数行で記述するなら h1.classList.ad('pass'); h1.textContent = 'Congrats'; と記述すればいいのですが、この条件演算子の場合は、セミコロンでつなぐとエラーになります。 こういう場合、複数行でなく一文にして複数の属性をつけるにはどのように記述したらよいのでしょうか? ブラウザはchromeの最新版を使っています。 初心者です。教えてください。宜しくお願い致します。 -------- (main.js) 'use strict'; const score = 85; const h1 = document.querySelector('h1'); score >= 80? h1.textContent = 'Congrats' : h1.textContent = 'You have failed'; ------------------------------------ (HTML) <!DOCTYPE html> <html lang="ja"> <head> <meta charset="UTF-8"> <title>JavaScript BASICS</title> <style> .pass{ color:#000; background-color: red; } .fail{ color:blue; background-color: gray; } </style> </head> <body> <h1></h1> <script src="js/main.js"></script> </body> </html>

  • javascript var

    javascript 「var」について ソースコード function hello(name){ 「var」 msg = "your name " + name; return msg; } var greet = hello("Tom"); console.log(msg); ソースコードの2行目の頭に「var」をつけるかつけないかでコンソールエラーになるか、ならないかが変わるのですが「var」をつけると何故かエラーになるのですが、その理由が分かる方いらっしゃいますか? 「var」は「バリアブル」の略で変幻自在みたいな意味だと思うのですが、それをつけてエラーになる理由が良く分からなくて質問致しました。 馬鹿な質問ですが答えて頂けると助かります。m(__)m

  • Javascriptでデクリメント(--)を使うとInvalidに!

    xhtmlでマークアップし、常にValidatorでValidな文書になるよう心がけています。xhtmlでJavascriptを使う際、自身に埋め込むか外部jsファイルに記述してそれを呼び出す方法の2種類があります。この前者の方法を使った場合、スクリプトがデクリメント(a--や--bなど)を含んでいるとInvalidになってしまいます。 原因は分かっています。 Javascript記述時に、Javascript非対応ブラウザへの対処としてコメントアウトの記述をします。以下のように。 <script type="text/javascript"> <!-- (スクリプト) //--> </script> このコメントアウト中にハイフンが2つ以上連続して出現してはいけないんですよね。xhtmlのソース中のデクリメントがこのハイフン2つとしてひっかかってしまったのでしょう。 ここで私がお聞きしたいのは、これにどのように対処するべきかということです。そもそもxhtmlにJavascriptをベタ書きするのが間違いで、外部ファイルを使うべきなのでしょうか。それともコメントアウトを記述しなければよいのでしょうか?

    • ベストアンサー
    • HTML
  • JavaScriptプラグインが読み込めません

    「easySlider1.7」というJavaScriptプラグインを使い、サイト内の画像をスライドさせようとしています。 MacのデスクトップにおいたフォルダのHTMLと同じ階層にeasyslider1.7というフォルダをおき、<head>内に <script type="text/javascript" src="easyslider1.7/js/easySlider1.7.js" ></script> <script type="text/javascript" src="easyslider1.7/js/jquery.js"></script> と記述し、 <script type="text/javascript"> $(document).ready(function(){ $("#slider").easySlider({ auto:true }); }); </script> で動作させようとしているのですが、 ブラウザで試すと動かず、コンソールには ReferenceError: Can't find variable: jQuery TypeError: Result of expression '$("#slider").easySlider' [undefined] is not a function. と出てきます。 上段の”jQuery”はeasySlider1.7.js内に記述されているものです。 ちなみにgoogleAPIのjQueryをロードしても同じエラーが出ました。 何が原因なのでしょうか。ご回答宜しくお願いします。

  • Javascriptを最後に実行する方法

    サイト内に他のページ情報を表示するJavascriptを記述したところ、 他ページの情報を読み取るのに時間がかかり、結果としてJavascriptの記述部分以降の 表示が遅くなるようです。 いろいろ調べたところでは、Javascriptをページ最後で実行させればよいことは分かったのですが、 Javascriptの表示場所は変えずに、実行だけを最後に行うことはできるのでしょうか? 実行させたいJavascriptは以下の内容です。 <SCRIPT language="JavaScript" src="http://XXXX"></SCRIPT> ※RSSを表示する

  • javascriptの記述方法

    javascriptをhtml内に記述する時、 <script type="text/javascript> ~~処理~~ </script> だと思っています。 ただ、ボタンをクリックした時に、メッセージが表示される簡単なHTMLをonclickで作成する時  <input type="button" value="クリック動作確認" onclick="alert('ボタンがクリックされました')"> これだけで実行されます。(headタグにscript記述なしで動作確認。) なぜ、<script>記述がなくても動くのでしょうか? onclick等のイベントハンドラに動作を記述する際は、そういう物だと覚えておいたほうがいいのでしょうか? ※当然関数をonclickに使用する際は、onclick=関数(); と記述し、headのscriptタグに関数を記述すれば動くというのは分かっているのですが・・・。 なぜ、 onclick="alert('ボタンがクリックされました')" の場合は、noscript無しで、動作するのかが分かりません・・・。 ・onclick 属性 = javascript という判断をどこかでされているのでしょうか? その結果、noscriptに記述がなくても動く? ちょっと気持ち悪いので質問させて頂きました。 ご教授お願いします。

専門家に質問してみよう