JavaScript
エラーを出すことは悪いことじゃないよ！ でもエラーの内容がわからないとちょっと苦戦するので、 個人的によく見るやつをメモ 未定義 定義していない変数を使おうとするとエラー。 c; Uncaught ReferenceError: c is not defined(…) 参照 nullやundefinedに…
流行っているので速攻開発 ネタで作ってみた。拡張機能を作る基本的なとこは割愛Chromeメニューのボタンを押したら、githubとtwitterの一部の文字がいい感じになるやつ。 片道切符なので、戻したい場合は更新ww 個人的には戻す機能もつけたかったが、そこま…
大文字、小文字、数字の中からランダムで好きな分だけ文字を出すプログラムを書く機会があったので、 忘れないように書いておきます。 パスワード自動生成とかで役に立つかな？ (adsbygoogle = window.adsbygoogle || []).push({}); 今回は10文字分表示させ…
2つほど方法があるので紹介 JavaScriptのコードの中に入れる <script> (function() { var foo = '{$foo}'; var bar = '{$bar}'; }()); </script>わかりやすくて良いのだが、HTMLとJavaScriptが分離できないのが欠点。。 data属性を使う <script src="hoge.js" id="hogejs" data-foo="{$foo}" data-bar="{$bar}"></script>こっちもわかりやすい。 使用するには J…
今回は1から決めた数値まで全て書き出すパターンです。 (adsbygoogle = window.adsbygoogle || []).push({}); フローチャート JavaScript var a = ; if(a > 0){ for(var i = 1; a > i; i++){ var ii = String(i); if(i % 3 === 0 || ii.indexOf("3") >= 0){ …
今回は１つ数字を決めて、その数字が3の倍数 または 3の付く数字だったらアホになる ナベアツがやっていたあれをやりたいと思います。 (adsbygoogle = window.adsbygoogle || []).push({}); 明日は1から決めた数字までのパターンでやる予定です。 フローチャ…
今回は配列の合計値を求めるフローチャートとJavaScriptを書きます。 (adsbygoogle = window.adsbygoogle || []).push({}); フローチャート JavaScript var a = [ , , , ...]; var b = 0; var l = a.length; for(var i = 0; i < l; i++){ b = b + a[i]; } co…
昨日に続きフローチャートの練習をしていきます。フローチャートを書くときにはプログラム的な書き方ではなく、 日本語で誰が見てもわかるように書くのがポイントと教えてもらったので、なるべく数式を入れずに書いてみました。 (adsbygoogle = window.adsby…
プログラムを書く際にフロー処理を行うのと行わないのでは大きな差が出ます。 例えば ・考えてることを書くことによって頭の整理ができる。 ・プログラムを書くときのバグを減らせる。 ・完成の形を一度書いているので間違いを見つけやすい などなど (adsbyg…
$(function(){ $('a').click(function(){ $('img').attr('src','book.jpg').attr('alt','本'); }); });<a href="book.jpg">画像を変更する</a> <p><img src="pen.jpg" alt="ペン"></p>a要素をクリックするとclickイベントが発生して画像が変更されるはずですが、 その後にブラウザはhrefに設定したリンク先へ飛んでしまい…
変数名の付け方のルール 変数名に使用できる文字は、基本的に半角アルファベット、半角数字、アンダースコア(_)です。 さらに、 ・最初の1文字目には数字を使ってはいけない ・変数名に予約語を使用しない があります。 予約語 予約語で登録されている文字列…
<html lang="ja"> <head> <meta charset="utf-8"> <title>JavaScriptによる画像置換</title> <style> html,body,div,img { margin: 0; padding: 0; line-height: 1.0; } .imgBox { width: 600px; margin: 50px auto; } .thumnail { width: 610px; text-align: center; } .thumnail img { margin-right: 10px; } .m…</meta></head></html>
算術演算子 演算子働き例結果 +足すa = 5 + 5;10 -引くa = 5 - 5;0 *掛けるa = 5 * 5;25 /割るa = 5 / 5;1 %余りa = 5 % 5;0 複合代入演算子 演算子働き例結果 +=足して代入a = 5; a += 5;10 -=引いて代入a = 5; a -= 5;0 *=掛けて代入a = 5; a *= 5;25 /=割…
while文とfor文の違い 同じ繰り返しの意味で使われるwhileとforですが一体何が違うのでしょうか。 while文は、ループする回数が決まってない場合に使用されます。 当然、for文は指定した回数だけループします。 while文 変数の初期値； while（ループ条件；…
Button onclick <script> function OnButtonClick() { //実行するJavaScript alert('Hello'); } </script> <body> <p><button onclick ="OnButtonClick()">計算する</button></p>すると function OnButtonClick() { //実行するJavaScript alert('Hello'); } 計算するこのボタンのようになります。</body>
JavaScriptの基本 ①初期値 ②演算（計算） ③出力（可視化） この順番に書いていく。 出力について alert・document.write・console.logの3種類あります。 alertはブラウザの上に出る警告みたいなやつに表示されます。 document.writeはブラウザ上に表示されま…
