javascript

javascriptをコンソールで実行する方法

投稿日:2019年8月20日 更新日:

Pocket

うも、チャーさんです。

 

あなたはjavascriptを今すぐに実行できる、

そんな方法を探していますか?

 

コンソールという機能を使えばそれは、

可能でして、この記事ではコンソールを使って、

javascriptを実行する方法を書いています。

 

 

なのでjavascriptをすぐに実行したい、

という場合は、このままスクロールして、

読んでみてください。

 

 

スポンサードサーチ

javascriptを今すぐ実行できる方法

 

(*説明動画をとったので、

テキストでなく動画で理解したい場合は、

どうぞ)

 

 

さて本題です。

冒頭でもお話ししましたが、

 

javascriptをすぐさま実行したい場合は、

chromeのデベロッパーツールにある、

コンソール(console)という機能を使えば可能です。

 

 

こちらを使うとこのように、

ファイルにコードを書くことなく、

javascriptを実行することができます。

 

javascriptをコンソールで実行

 

(*実際にwebアプリなどで提供するには、

ちゃんとソースコードをファイルに書いて、

サーバーにアップする必要があります)

 

 

とはいえ、上記のように、

ファイルも必要なく、ただブラウザを開いたら、

javascriptを実行できるので便利です。

 

 

javascriptをコンソールで実行する方法

 

で、コンソールでのjavascriptの実行の仕方ですが、

簡単です。

 

 

普通に何も考えずにjavascriptの記述を、

コンソールで表示されてる部分に記述すればokです。

 

すると、ちゃんとファイルで書いて実行した時のように、

作動してくれます。

 

 

コンソールの開き方

 

で、そのコンソールの開き方ですが、

まずは、グーグルクロームの、

デベロッパーツールを開いてください。

 

開き方は、クロームのブラウザ上で、

右クリック>検証をクリックです。

 

すると白い画面が出てきます、

これがデベロッパーツールです。

 

 

このデベロッパーツールの、

上の部分を見ると、Element、

consoleなどと書いています。

 

javascriptをコンソールで実行

(デベロッパーツールの上部)

 

そこの部分のconsoleをクリックしましょう。

 

ここがコンソール部分になりまして、

ここにjavascriptの記述を書くと、

すぐに実行できます。

 

 

試しの記述として、

alert(‘テストです’);

と記述してみましょう。

 

すると、ブラウザ画面の上部に、

ポップアップでテストです、

という文章が表示されるでしょう。

 

 

これはjavascriptが、ちゃんと実行できてる証です。

 

ということで、上記のようにすれば、

javascriptをすぐさま実行できるので、

試してみてください。

 

 

スポンサードサーチ

まとめ

 

それではまとめに入ります。

 

javascriptをすぐに実行したい場合は、

コンソールを使ってみましょう。

 

 

コンソールはクロームブラウザの、

右クリック>検証>consoleの順に、

クリックしたら出てきます。

 

ということで、これでjavascriptの実行方法が、

あなたは分かったと思いますので、

早速あなた自身で試してみましょう。

 

 

するとjavascriptのスキルが、

上がっていきますよ。

 

それでは、javascriptをいますぐに、

実行する方法でした。

 

ということで、読んでもらってありがとうございました。

 

 

でわ。

 

チャーさん

-javascript


スポンサードサーチ

関連記事

no image

javascriptでボタンを押したら色が変更できる方法「コード例つき」

どうも、チャーさんです。   あなたはjavascriptで、ボタンを押したら、 色が変更できる方法を探していませんか?   この記事では、ボタンクリックで、 色を変更する方法、コ …

no image

javascriptでランダムに画像を表示する方法「コードコピペOKです」

どうも、チャーさんです。   あなたはjavascriptでランダムに画像を、 表示させたいですか?     この記事ではjavascriptでランダムに画像を、 表示さ …

no image

javascriptでランダムな整数を表示するコードと仕組み解説「コピペOK」

どうも、チャーさんです。   あなたはjavascriptでランダムな整数を、 表示したいですか?   この記事では、javascriptでランダムな整数を、 表示するコードと、そ …

no image

getElementByIdの意味や使い方をわかりやすく紹介します。

  どうも、チャーさんです。   あなたはgetElementByIdの意味はなんだろう? と思ってませんか?   この記事では、getElementByIdの意味や、 …

no image

javascriptのエラーの確認方法「3秒で確認できます」

どうも、チャーさんです。   あなたはjavascriptのエラーの確認方法を、 知りたいと思っていませんか?     この記事では、javascriptのエラーを、 確 …

no image

javascriptをhtml内で使う方法「完全初心者向け」

どうもチャーさん(@chaa___san)です。   あなたはjavascriptをhtmlで使えないのか? と疑問に思っていませんか?   結論からいうと使えます。   …

no image

javascriptでボタンをクリックしたらアラートが表示されるコード

どうも、チャーさんです。   あなたはjavascriptでボタンをクリックしたら、 アラートが表示される方法とコードを、 探していますか?     この記事では、ボタン …

no image

javascriptでalert(アラート)を表示させる方法

どうも、チャーさんです。   あなたは、javascriptでalert(アラート)を、 表示させたいと思っていませんか?   この記事では、javascriptを使って、 ale …

no image

htmlの中にjavascriptを書いて使う方法

どうも、チャーさんです。   あなたはhtmlの中にjavascriptを書いて、 使いたいと思っていませんか?   この記事では、htmlの中にjavascriptを 書いて、j …

no image

二重ループをjavascriptでする方法

  どうも、チャーさん(@chaa___san)です。   あなたはjavascriptで二重ループを するにはどう書けばいいのか、 と思っていませんか?   この記事で …

no image

javascriptでcssを操作する手順と方法

どうも、チャーさんです。   あなたはjavascriptでcssを操作したい。 そう思っていませんか?   この記事では、javascriptを使って、 cssを操作する方法を書 …

最新記事

チャーさん

プログラミング・筋トレ・unity系の記事などを書いてます。

大学卒業後→開業→個人事業主7年目ぐらいです。webサイト制作したり、unityでゲーム開発しております。

youtubeもやってまして、主にプログラミング動画とかunity系の動画をあげてるので見てください。