Java Script入門
Upcoming SlideShare
Loading in...5
×
 

Java Script入門

on

  • 9,482 views

webteko vol.05 JavaScirptElementarySchool.

webteko vol.05 JavaScirptElementarySchool.

Statistics

Views

Total Views
9,482
Views on SlideShare
8,268
Embed Views
1,214

Actions

Likes
0
Downloads
4
Comments
0

8 Embeds 1,214

http://mogya.com 905
http://blog.mogya.com 244
http://webcache.googleusercontent.com 46
http://www.mogya.com 8
http://www.slideshare.net 7
http://cache.yahoofs.jp 2
http://74.125.153.132 1
http://translate.googleusercontent.com 1
More...

Accessibility

Categories

Upload Details

Uploaded via as Adobe PDF

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

Java Script入門 Java Script入門 Presentation Transcript

  • JavaScript入門 Daisuke Furukawa http://mogya.com
  • 最近の 出来事
  • 取引先が 経営破綻
  • お仕事 募集中
  • 今日の話
  • JavaScript 入門
  • よくあるやつ
  • うれしい?
  • 実用的な 話を
  • 教材
  • 実用的
  • JavaScript の 書き方
  • JavaScriptの書き方
  • JavaScriptの書き方
  • HTML <h1>小さい“つ”が消えるマシーン JavaScript版</h1> <p> 入力した文章の「小さい“つ”」を消してくれるマシーンを JavaScriptで書いてみたものです。 </p> <script type=quot;text/javascriptquot; src=quot;tu.jsquot;></script> <form> <textarea id=quot;tu_inputquot; cols=quot;80quot; rows=quot;5quot;> ニッポン の ヘッド である 総理 の グッズ </textarea> <p>↓↓↓ 小さい“つ”が消えた!? ↓↓↓</p> <textarea id=quot;tu_outputquot; cols=quot;80quot; rows=quot;5quot;></textarea> </form>
  • JavaScript var output = document.getElementById(quot;tu_outputquot;); output.value = quot;もぎゃquot;; <textarea id=quot;tu_outputquot; cols=quot;80quot; rows=quot;5quot;> </textarea>
  • 「っ」を消す var input = document.getElementById(quot;tu_inputquot;); var output = document.getElementById(quot;tu_outputquot;); var text_in = input.value; var text_out = quot;quot;; var i=0; for (i = 0; i < text_in.length; i++) { if( text_in.charAt(i).match(/っ|ッ/) == null ){ text_out += text_in.charAt(i); } } output.value = text_out;
  • イベント
  • 関数 function update_tu(){ var input = document.getElementById(quot;tu_inputquot;); var output = document.getElementById(quot;tu_outputquot;); var text_in = input.value; var text_out = quot;quot;; var i=0; for (i = 0; i < text_in.length; i++) { if( text_in.charAt(i).match(/っ|ッ/) == null ){ text_out += text_in.charAt(i); } } output.value = text_out; }
  • <h1>小さい“つ”が消えるマシーン JavaScript版</h1> <p> 入力した文章の「小さい“つ”」を消してくれるマシーンをJavaScriptで書いてみたもので す。 </p> <script type=quot;text/javascriptquot; src=quot;tu.jsquot;></script> <form> onkeyup=quot;update_tu();quot;> <textarea id=quot;tu_inputquot; cols=quot;80quot; rows=quot;5quot; ニッポン の ヘッド である 総理 の グッズ</textarea> <p>↓↓↓ 小さい“つ”が消えた!? ↓↓↓</p> <textarea id=quot;tu_outputquot; cols=quot;80quot; rows=quot;5quot;></textarea> </form>
  • まとめ HTMLは、必要な部分にidをつけておく <form> <textarea id=quot;tu_inputquot; cols=quot;80quot; rows=quot;5quot;> ニッポン の ヘッド である 総理 の グッズ </textarea> getElementbyIdでタグの部分を取ってこれる。 <p>↓↓↓ 小さい“つ”が消えた!? ↓↓↓</p> <textarea id=quot;tu_outputquot; cols=quot;80quot; rows=quot;5quot;> </textarea> 関数。処理に名前をつける </form>  イベント。ユーザーさんがキーを離したらこの処理をしてね!
  • まとめ HTMLは、必要な部分にidをつけておく getElementbyIdでタグの部分を取ってこれる。 var output = document.getElementById(quot;tu_outputquot;); 関数。処理に名前をつける output.value=quot;もぎゃquot;; イベント。ユーザーさんがキーを離したらこの処理をしてね!
  • まとめ HTMLは、必要な部分にidをつけておく function update_tu(){ var input = document.getElementById(quot;tu_inputquot;); var output = document.getElementById(quot;tu_outputquot;); var text_in = input.value; var text_out = quot;quot;; getElementbyIdでタグの部分を取ってこれる。 var i=0; for (i = 0; i < text_in.length; i++) { if( text_in.charAt(i).match(/っ|ッ/) == null ){ 関数。処理に名前をつける text_out += text_in.charAt(i); } } イベント。ユーザーさんがキーを離したらこの処理をしてね! output.value = text_out; }
  • まとめ HTMLは、必要な部分にidをつけておく <form> <textarea id=quot;tu_inputquot; cols=quot;80quot; rows=quot;5quot;quot;> ニッポン の ヘッド である 総理 の グッズ </textarea> getElementbyIdでタグの部分を取ってこれる。 <p>↓↓↓ 小さい“つ”が消えた!? ↓↓↓</p> <textarea id=quot;tu_outputquot; cols=quot;80quot; rows=quot;5quot; onkeyup=quot;update_tu();quot;></textarea> 関数。処理に名前をつける </form> イベント。ユーザーさんがキーを離したらこの処理をしてね!
  • まとめ HTMLは、必要な部分にidをつけておく getElementbyIdでタグの部分を取ってこれる。 関数。処理に名前をつける イベント。ユーザーさんがキーを離したらこの処理をしてね!
  • ご静聴ありがとうございました