javascriptで電卓
サイトやブログをJavaScriptを使って動きのあるページに、スタイルシートで見栄え良く装飾してみませんか？ コピーしてご自由にご利用ください。 この電卓は数値，演算子（ ｢+｣ ｢-｣ ｢/｣ ｢*｣ ）を入力し ｢＝｣ を押したときに計算します。 計算はeval関数で実行。 注） ｢/｣は｢÷｣、｢*｣は｢×｣です。 普通、私たちが使っている 電卓は例えば "１＋２"を押して｢×｣を押すと計算されて"３"が 表示され次に"４"を入れ｢＝｣ を押すと "３×４"で計算結果は"１２"になります。 が この電卓は"１＋２×４" で四則演算では乗除算が優先されるので"２×４"が 先に計算され"１＋８" で "９"になります。//昔習った算数と同じ結果！！ 乗算演算子 ("*") は加算演算子("+")より高い優先順位を持つので、最初に評価されます。 またこの電卓はボタンを押さずに、演算ボッ
JavaScript 電卓
<html> <head> <title>電卓</title> <script language="JavaScript"> <!-- disp = "0"; disp2 = "0"; flag = 0; function push(val) { if(val >= 0 && val <= 9) { // 電卓に表示する数列を作成 if(flag == 0) { disp = val; disp2 = "0"; flag = 1; } else { disp = disp + val; disp = parseFloat(disp); } } else if(val == "Ｃ") { // クリア disp = "0"; disp2 = "0"; flag = 0; } else { if(disp) { switch(flag) { // 計算 case 1:disp2 = parse
Investigating JavaScript Array Iteration Performance | BenHollis.net
December 13th, 2009 — JavaScript Note: This post is from 2009, and browsers/libraries have changed a lot since then. Please don’t use any of this information to make decisions about how to write code. The other day I was working on some JavaScript code that needed to iterate over huge arrays. I was using jQuery’s $.each function just because it was simple, but I had heard from a bunch of articles
ノードリスト(HTMLCollectionやNodeList)操作中に注意すべきこと - まなぶろぎーく。
JavaScriptで複数のHTMLElementを取得し、その全てにイベントを設定しようとした場合 意識していないと案外ハマりそうな落とし穴を見つけたのでメモ。 個人的には理由に気づくまで「？？？」だったんですが、よくよく考えると当たり前の事実。。。 サンプルに以下のHTMLを用意してみました 簡単な５つの画像を表示するHTMLがあるとします。 ただし、すべてデフォルトではloading画像が表示され、本来表示する画像ではありません。 <html> <body> <h1>HTMLCollectionとイベント同時処理テスト</h1> <div> <img id="after1" name="replace" src="loading.gif" /> <img id="after2" name="replace" src="loading.gif" /> <img id="after3"
getElementsByTagName: mx-Lab
◆document.getElementsByTagName メソッド collection = document.getElementsByTagName(tagname); nodelist = document.getElementsByTagName(tagname); 指定された DOM(Document Object Model) 形式のドキュメント document から、tagName プロパティが引数（文字列）tagname であるエレメントに対する、Element クラス（またはそのサブクラス）のコレクション collection、またはノードリスト nodelist を返します。 タグ名ですから、getElementsByTagName('a'); とか、getElementsByTagName('body'); なんてこともできちゃいます。 該当するインスタンスが存
NodeList - Web API | MDN
ドキュメントオブジェクトモデル (DOM)NodeListインスタンスプロパティlengthインスタンスメソッドentries()forEach()item()keys()values()DOM に関連するページAbortControllerAbortSignalAbstractRangeAttrCDATASectionCharacterDataCommentCustomEventDOMError 非推奨; DOMExceptionDOMImplementationDOMParserDOMPointDOMPointReadOnlyDOMRectDOMTokenListDocumentDocumentFragmentDocumentTypeElementEventEventTargetHTMLCollectionMutationObserverMutationRecordNamedNodeM
JavaScriptで画像のリンク切れをチェックする方法:phpspot開発日誌
JavaScript で、画像本来のサイズ(幅, 高さ)を取得する方法 - latest log JavaScriptで画像のサイズ(幅,高さ)をとる方法があって詳しく紹介されていて分かりやすいです。 ここで、画像のリンク切れをチェックする方法が書かれていなかったので書いてみます。 var img = new Image(); var url = '//phpspot.org/blog/img/notfound.jpg'; // あえて存在しない画像を指定 img.onload = function() { alert('width='+img.width+' , height='+img.height); }; img.onerror = function() { alert(url+' is dead'); }; img.src = url; 赤文字の部分を記述しておけば、エラー時に
コールバック……駆逐してやる…この世から…一匹…残らず!! - Qiita
このテキストは JavaScript のコールバック地獄に疲れたひとのためのコールバック駆逐術指南書です。対象読者は JavaScript道初段くらいの人です。このテキストを読むと、以下のそれぞれの手段における非同期処理制御の仕組み、利点および欠点がわかるようになるかもしれません。 コールバック地獄 jQuery.Deferred async.js Concurrent.Thread generators co fibers Web Workers (※なぜか『進撃の巨人』の一部ネタバレが含まれるので注意してください) それは『何故人はコールバックするのか』という話でしょうか？ 非同期処理って面倒ですよね。JavaScriptではいわゆる コールバック地獄 というやつにしばしば陥りがちです。たとえば、Ajax でふたつのファイル hoge.txt と piyo.txt を持ってきて、それら
実はJavaScriptのlengthプロパティは配列要素数ではありません
皆さんJavaScriptで配列の要素数を知りたい時はlengthプロパティを参照しているかと思います。 しかし、このlengthプロパティですが、実は配列の要素数の値では無いんです。 今回のエントリーでは、そんなlengthプロパティの動作をソースコード付きで解説したいと思います。 以下サンプルコード <script type="text/javascript"> //配列を作成（要素は二つ） var array = ["aaa","bbb"]; //出力を期待する数値は2 alert(array.length); //配列に値を追加（要素は三つになる） array.push("ccc"); //出力を期待する数値は3 alert(array.length); //要素数を加味し、重複しない添え字に要素を追加する（要素は四つ） array[10] = "ddd"; //出力を期待する数値
クロージャ - JavaScript | MDN
function init() { var name = "Mozilla"; // name は、init が作成するローカル変数 function displayName() { // displayName() は内部に閉じた関数 console.log(name); // 親関数で宣言された変数を使用 } displayName(); } init(); init() 関数はローカル変数 name を作成し、それから関数 displayName() を定義しています。displayName() は init() の中で定義されている内部関数で、その関数本体の内部でしか利用できません。displayName() 自体はローカル変数を持っていませんが、外側のスコープで宣言された変数にアクセスできるので、displayName() では親関数 init() で宣言された変数 name を
<meta> -
概要 説明 属性 詳細 文字セット(charset="...") アプリケーション名(name="application-name") 文書の著者(name="author") 文書の概要(name="description") 作成エディタ(name="generator") キーワード(name="keywords") リファラポリシー(name="referrer") テーマカラー(name="theme-color") ビューポート(name="viewport") フォーマット検出(name="format-detection") Google(name="google") 言語(http-equiv="content-language") コンテンツタイプ(http-equiv="content-type") コンテンツスクリプトタイプ(http-equiv="Content-
Firefoxでクリップボードにコピー（FP10対応版） [J73x - メモ]
<div> ■固定文字列をコピー（この例では「あいうえお」）<br /> <div id="swf1" class="btn">[copy]</div> </div> <div> ■テキストボックスの内容をコピー<br /> <input type="text" id="txt2" value="かきくけこ" /><br /> <div id="swf2" class="btn">[copy]</div> </div> <div> ■テキストエリアの内容をコピー<br /> <textarea id="txt3" rows="5" cols="40">さしすせそー</textarea><br /> <div id="swf3" class="btn">[copy]</div> </div> <script type="text/javascript" src="swfobject.js">
[JS]ヘッダをスクロールしても上部に固定表示するだけでなく、途中で変更もできるスクリプト -Clingify
ヘッダをスクロールしても上部にぺたっと貼りつくように表示し、ブレイクポイントを設定するとその地点で貼りつける要素を変更するjQueryのプラグインを紹介します。 デモページ：Optionsからちょい下にスクロール かなり下の方までスクロールすると、二番目のアイテムが上部に貼りつきます。 Clingifyの使い方 Step 1: 外部ファイル </body>の上あたりに、jquery.jsと当スクリプトを外部ファイルとして記述します。 <body> ... <script type="text/javascript" src="/js/jquery.js"></script> <script type="text/javascript" src="/js/jquery.clingify.js"></script> </body> Step 2: HTML スクロールしても上部に固定配置にする
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
簡易電卓
Javascript/オブジェクトに指定したプロパティが存在するか確認する - 俺の基地
Document: getElementsByClassName() method - Web APIs | MDN
JS: iterating over result of getElementsByClassName using Array.forEach | ansaurus
http://www.crystal-creation.com/web-appli/technical-information/programming/javascript/version.htm
JavaScriptからDOM - Webデザイン初心者の勉強 | Web勉強法
JavaScript:いまどきこれをやるか？