0
1

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 3 years have passed since last update.

JavaScript~書き方~

Last updated at Posted at 2020-12-19

#はじめに
今回初めてこういった記事を書くので読みにくかもしれないですが
今後エンジニアとして活躍するには必要な経験かと思い始めてみました。
勉強中の身なので高度な情報であったり現場での開発については発信出来ませんが
自分の学習記録を残すことで同じプログラミング初学者の力に少しでもなれたらと思っています。

#JavaScriptの書き方
基本的なJavaScript記述の仕方は

Javascript
<script>JavaScriptでしたい処理</script>

になります。
これだとイメージが沸きにくいと思うのでHTMLで「はじめまして」と
画面上部に表示されるように命令文を書いてみます。

html
<!doctype html>
<html lang="ja">
<head>
<meta charset="UTF-8">
 <title></title>
 <link rel="stylesheet" href="style.css"/>
 <script>
   alert('はじめまして');
 </script>
</head>
<body></body>
</html>

これでhtmlファイルを開いてもらうとポップアップで「はじめまして」と表示されます。
基本的にJavascriptはどこに記載してもいいのでbodyタグに記載しても大丈夫です。
scriptタグに記載している;は文の終了を表しています。
またcssのように別ファイルにJavaScriptを記載してそれを読み込むことも可能です。
例えばapp.jsというJavaScriptファイルを作りそれを読み込む場合は

html
<!doctype html>
<html lang="ja">
<head>
<meta charset="UTF-8">
 <title></title>
 <link rel="stylesheet" href="style.css"/>
 <!--app.jsを読み込むための記載-->
 <script src="app.js"></script>
</head>
<body></body>
</html>

と記載することで読み込むことが出来ます。そしてapp.jsの中に

app.js
alert('はじめまして');

と記載することで最初と同じように「はじめまして」が表示されます。
#終わりに
人生で初めてプログラミングを学習するにあたって様々なサイトを参考に勉強しました。
まだまだ始めたばかりでかなり初歩的な内容ですが今後も勉強を続け
読んだ時に復習になり尚且つ皆様の役に立つ内容を投稿できることを目指して頑張っていきます。

0
1
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
0
1

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?