約 1,280,696 件
https://w.atwiki.jp/hk56t4u/pages/2.html
a href="http //www.dw-japan.com/goods-3.html" ダニエルウェリントン 新作 腕時計 Daniel Wellington ローズ 40mm Classic Sheffield クラシック シェフィールド 107DW /a br p 男性にぴったりの40mm!大きめのフェイスにブラックベルト! /p p ビジネスシーンからプライベートまでカバーできるモデルです♪ /p p 残り在庫数が少なくなってまいりました!お早目にお買い求めください。 /p br table border="" width="100%" colgroup style="background #eeeeee" width="20%" /colgroup tbody tr td 商品名 /td td ダニエル ウェリントン 腕時計 Daniel Wellington ローズ 40mm 107DW /td /tr tr td サイズ /td td ケース径:40mm、バンド幅:20mm /td /tr tr td 素材 /td td バンド:天然皮革、ケース:ステンレススチール、風防:ミネラルガラス /td /tr tr td カラー /td td ケース:ローズゴールド、ベルト:ブラック /td /tr tr td ムーブメント /td td クオーツ /td /tr tr td 重量(g) /td td 41g /td /tr tr td 針数 /td td 2針 /td /tr tr td 防水性 /td td 日常生活防水(3ATM) /td /tr tr td 保証期間 /td td 2年間 /td /tr tr td 付属品 /td td Daniel Wellington純正(BOX、説明書、ピン外し工具)、保証書 /td /tr /tbody /table div 商品番号 span style="color #f00; " DW0003 /span /div div 販売価格 span style="color #f00; " 15552 /span /div div a target="_blank" title="ダニエルウェリントン 新作 腕時計 Daniel Wellington ローズ 40mm Classic Sheffield クラシック シェフィールド 107DW" href="http //www.dw-japan.com/goods-3.html" img border="0" alt="ダニエルウェリントン 新作 腕時計 Daniel Wellington ローズ 40mm Classic Sheffield クラシック シェフィールド 107DW" src="http //www.dw-japan.com/images/201605/goods_img/3_G_1464441456660.jpg" /a /div div style=" background none repeat scroll 0 0 #FFF7F7;border 1px solid #FFCFCF;padding 10px 10px 0; color #FF6600;font-weight bold;" img src="http //www.japan-kanpo.com/themes/default/images/review.gif" a href="mailto sales@dw-japan.com" メール注文方法: /a br 商品名称、商品番号、購入数量、お名前、ご住所、電話番号、メールアドレス などを明記の上 a href="mailto sales@dw-japan.com" sales@dw-japan.com /a へ送信してください。 /div ul li a href="http //www.dw-japan.com/category-3-b0.html" title="ダニエルウェリントン 36mm" h2 ダニエルウェリントン 36mm /h2 /a /li li a href="http //www.dw-japan.com/category-4-b0.html" title="ダニエルウェリントン 34mm" h2 ダニエルウェリントン 34mm /h2 /a /li li a href="http //www.dw-japan.com/category-1-b0.html" title="ダニエルウェリントン 40mm" h2 ダニエルウェリントン 40mm /h2 /a /li /ul
https://w.atwiki.jp/javadsge/pages/4081.html
!DOCTYPE html html head title 統計的方法 /title meta charset="UTF-8" link rel="stylesheet" href="material.min.css" link rel="stylesheet" href="https //storage.googleapis.com/code.getmdl.io/1.0.6/material.indigo-pink.min.css" script src="https //storage.googleapis.com/code.getmdl.io/1.0.6/material.min.js" /script link rel="stylesheet" href="https //fonts.googleapis.com/icon?family=Material+Icons" script src="sample.js" /script script src="jquery.js" /script /head body onload="sample()" div class="mdl-layout mdl-js-layout mdl-layout--fixed-header" header class="mdl-layout__header" div class="mdl-layout__header-row" span class="mdl-layout-title" 統計的方法 /span /div div class="mdl-layout__tab-bar mdl-js-ripple-effect" a href="#scroll-tab-1" class="mdl-layout__tab is-active" 表 /a a href="#scroll-tab-2" class="mdl-layout__tab" 解答 /a a href="#scroll-tab-3" class="mdl-layout__tab" 出所 /a /div /header div class="mdl-layout__drawer" span class="mdl-layout-title" タイトル /span /div main class="mdl-layout__content" section class="mdl-layout__tab-panel is-active" id="scroll-tab-1" div class="page-content" id="tab2" A /div /section section class="mdl-layout__tab-panel" id="scroll-tab-2" div class="page-content" id="memo" /div /section section class="mdl-layout__tab-panel" id="scroll-tab-3" div class="page-content" 例題7-1-3 /div /section /main /div /body /html var x = new Array(); var y = new Array(); function sample() { var query = "SELECT * FROM " + 1_caJUIXs5-q6ivaV3ynoNAPL5VgXxRXwIbQxb3fh ; var encodedQuery = encodeURIComponent(query); var url = [ https //www.googleapis.com/fusiontables/v1/query ]; url.push( ?sql= + encodedQuery); url.push( key=AIzaSyAH0WCAXRIdHdbI-6bnMSN4kVDDZZmGyqY ); url.push( callback=? ); $.ajax({ url url.join( ), dataType jsonp , success function (data) { var rows = data[ rows ]; sx = 0; for (var i in rows) { sx = sx + 1; x[sx] = rows[i][0]/1; y[sx] = rows[i][1]/1; } number = sx; paint(); cal(); } }); } function paint(){ str1=" table class=\"mdl-data-table mdl-js-data-table mdl-data-table--selectable mdl-shadow--2dp\" "; str2=" th class=\"mdl-data-table__cell--non-numeric\" "; str3=" td class=\"mdl-data-table__cell--non-numeric\" "; str=str1; str=str+" thead "; str=str+" tr "; str=str+" th x /th "; str=str+" th y /th "; str=str+" /tr " str=str+" /thead "; str=str+" tbody "; for(s=1;s number+1;s++){ str=str+" tr "; str=str+" td "+x[s]+" /td "; str=str+" td "+y[s]+" /td "; str=str+" /tr "; } str=str+" /table "; $("#tab2").html(str); } function cal(){ x1 = 0; for (s = 1; s number + 1; s++) { x1 = x1 + x[s]; } x1 = x1 / number; y1 = 0; for (s = 1; s number + 1; s++) { y1 = y1 + y[s]; } y1 = y1 / number; y2 = 0; for (s = 1; s number + 1; s++) { y2 = y2 + (y[s] - y1) * (y[s] - y1); } x2 = 0; for (s = 1; s number + 1; s++) { x2 = x2 + (x[s] - x1) * (x[s] - x1); } xy = 0; for (s = 1; s number + 1; s++) { xy = xy + (x[s] - x1) * (y[s] - y1); } xy = xy / (Math.sqrt(x2) * Math.sqrt(y2)); $("#memo").html(xy); }
https://w.atwiki.jp/javadsge/pages/5218.html
!DOCTYPE html html head title mdl /title meta charset="UTF-8" link rel="stylesheet" href="material.min.css" link rel="stylesheet" href="https //storage.googleapis.com/code.getmdl.io/1.0.6/material.indigo-pink.min.css" script src="https //storage.googleapis.com/code.getmdl.io/1.0.6/material.min.js" /script link rel="stylesheet" href="https //fonts.googleapis.com/icon?family=Material+Icons" script src="sample.js" /script script src="jquery.js" /script /head body onload="sample()" div class="mdl-layout mdl-js-layout mdl-layout--fixed-header" header class="mdl-layout__header" div class="mdl-layout__header-row" span class="mdl-layout-title" 練習 /span /div /header div class="mdl-layout__drawer" span class="mdl-layout-title" id="d" Title /span span class="mdl-layout-title" id="c" T /span /div main class="mdl-layout__content" p id="memo" /p /main /div /body /html function sample(){ $("#d").click(function(){ $("#memo").html("a======"); }); $("#c").click(function(){ $("#memo").html("b======"); }); $("#memo").html("abc"); }
https://w.atwiki.jp/javadsge/pages/2583.html
html head script src="https //www.google.com/jsapi" /script script src="sample.js" /script /head body onload="sample()" div id="chart_div" /div /body /html google.load( visualization , 1 , { packages [ map ] }); function sample() { var data = google.visualization.arrayToDataTable([ [ Lat , Long , Name ], [35.658581, 139.745433, Work ], [34.97171,138.38884, University ], [35.658581, 139.745433, Airport ], [35.658581,139.745433, Shopping ] ]); var options = { showTip true }; var map = new google.visualization.Map(document.getElementById( chart_div )); map.draw(data, options); }
https://w.atwiki.jp/note4recurrent/pages/22.html
尾崎先生 今日の説明資料は共有フォルダにあります。 s1共有\ozaki\Web基礎.pdf 6/21 HTTPの仕組み PC(http request URL) - サーバー(Apache) サーバー(http response) - PC ブラウザはURLを発行し、帰ってきたhtmlを画像に表示する役割。 静的ウェブページ お仕着せの完成品を買ってくるだけ 動的ウェブページ サーバーで情報と付け加えて返す:「JSPとサーブレット」 オーダーした完成品が届く点では静的コンテンツと一緒 Javascriptによる動的ページ:ブラウザで実行されるところがJSPとの違い 素材を返してもらって、最終的にはブラウザで加工して完成させる。 受け取ったコンテンツをブラウザ上で自動的に更新することができる(動く時計など) VSC起動 ファイルメニューでルートフォルダ選択(事前に作っておく) index.htmlを新規作成 最初の行にhtmlと入れるとショートカットが出るのでhtml 5を選ぶ。 決まり切ったコードが自動的に入れられる。(別に自分で叩いても、コピペしても無問題) lang = "ja" にしておくこと:この講座では日本語のページを作るから。 VSCの機能拡張 open in default browserをインストール javascriptの場所 /body の前に置くのが多い script src="script.js" /script は別のファイルを作るため script" 直接スクリプトを書くため /script 変数の作り方 var 使わないほうが良い(過去はこれしかなかった) const 再代入不可 let 再代入可能 Javascript は行末に;はあってもなくてもかまわない。あってもエラーにはならない。 ESLintという文法チェッカーではつけることを推奨:ほかの言語も書くときに忘れないようにつけたほうがいいかも。 変数の宣言 静的型付(C JAVA COBOL VBA)メモリが少なかった時代に開発されたもの。メモリを節約させるため。 動的型付(PHP Javascript Python)メモリが豊富に使えるようになってから作られた言語に多い let lang = "ジャバスクリプト" lang = "Java" lang = 100 //許される Javascript で使える変数の型 Number:数値 整数も少数も大きな数字もこれだけ NaN(Not a Number 非数字) String:文字列全て Boolean Null Undefined type ofで変数に入っているデータの型を調べられる a=4 console.log(typeof a) *num console.log(typeof "a") String let lang = "ジャバスクリプト" lang = "Java" lang = 100 //許される console.log(lang) //Javascript データ型 // Number console.log(0/0) const a = 10 const b = 4 console.log(a+b) console.log(a-b) console.log(a*b) console.log(a/b) console.log(a % b) //剰余算 console.log(a ** b) //べき乗 console.log(typeof num) //型を調べる // String "" も const food1 = "チョコレート" const food2 = チョコレート console.log(food1) const food3 = "パフェ" console.log(food1+food3) // + で連結 //+で連結された結果は文字列となる const drink1 = "珈琲" const unit = "杯" console.log(drink1 + 3 + unit) console.log(typeof (drink1 + 3 + unit)) //テンプレートリテラル(ES6) //例 「珈琲を2杯ください」 console.log(drink1 + "を" + 2 + unit + "ください") console.log(`${drink1}を2${unit}ください`) //"15"を15に変換(VBAのVALUE) const strNum = "15" console.log(typeof parseInt(strNum))//parseIntで文字列が数字になる //数字として認識できるかどうかはシステムに依存。全角の数字でもいけるかどうか保証できない。 // Undefined(未定義) // 初期化されていない変数 // Boolean(真偽値) // true or false だけを持てる let flg = true console.log(flg) //否定演算子 ! console.log(!flg) //比較演算子 const con1 = 100 const con2 = 50 //等値演算子 console.log(con1 == con2*2)//左辺と右辺が等しい値か console.log(con1 != con2*2)//左辺と右辺は等しい値ではないか //同値演算子 const con3 = "50" console.log(con2 == con3) //左辺と右辺が等しい値か console.log(con2 === con3)//左辺と右辺が同じ値か:型まで一致しているか //配列 const drinks = ["珈琲","紅茶","ジュース","緑茶"] console.log(drinks[0]) console.log(drinks[2]) drinks[2] = "apple" //const で宣言したものでも更新できる console.log(drinks[2]) !DOCTYPE html html lang="ja" head meta charset="UTF-8" meta http-equiv="X-UA-Compatible" content="IE=edge" meta name="viewport" content="width=device-width, initial-scale=1.0" title Event /title /head body h1 id="target" アクセス前 /h1 button id="clk" click /button h2 id="target2" ABC /h2 p 下のボタンをクリックすると上の文字が変わります /p button id="clk2" change! /button script //読み込み完了時に動作 window.addEventListener("DOMContentLoaded",function(){ const newH1 = "アクセス後" const idTarget = document.querySelector("#target") //console.log(idTarget) idTarget.innerHTML = newH1 //ボタンを捕まえる const clickButton = document.querySelector("#clk") //console.log(clickButton) let flag = true clickButton.addEventListener("click",function(){ if (flag){ idTarget.innerHTML = "Clickされたよ" } else{ idTarget.innerHTML = newH1 } flag = !flag }) //ボタン2を捕まえる const clickButton2 = document.querySelector("#clk2") const idTarget2 = document.querySelector("#target2") let flag2 = true clickButton2.addEventListener("click",function(){ if (flag2){ idTarget2.innerHTML = "CDE" } else{ idTarget2.innerHTML = "ABC" } flag2 = !flag2 }) }) /script /body /html ボタン2を捕まえる以下のみ色々試した。 //ボタン2を捕まえる const clickButton2 = document.querySelector("#clk2") const idTarget2 = document.querySelector("#target2") let flag2 = 0 clickButton2.addEventListener("click",function(){ if(flag2 == 0){ idTarget2.innerHTML = "DEF" } else if(flag2 == 1){ idTarget2.innerHTML = "GHI" } else { idTarget2.innerHTML = "ABC" } flag2 += 1 if(flag2 2){ flag2 = 0 } if (idTarget2.innerHTML == "DEF"){ idTarget2.innerHTML = "文字列によって反応を変えることもできる" } }) 後、乱数発生の関数を加えれば簡易じゃんけんゲームくらいはできそう。 配列を使って順番にテキストを回す let i = 0; let dispText = ["DEF","GHI","ABC"] //この行までは起動時に一回だけ実行される。 clickButton2.addEventListener("click",function(){ //button2 が押される度に下のブロックが実行される。変数の値は残っている。 idTarget2.innerHTML = dispText[i]; i += 1; if (i 2){ i = 0; } }) 乱数と切り捨て関数を使ってランダムに表示 連続しないように確認を追加 const clickButton2 = document.querySelector("#clk2") const idTarget2 = document.querySelector("#target2") let ransuu = 0; let check = 0; let dispText = ["Masth.random と Math.trunc","乱数と整数切り捨て関数","コードスッキリ","配列の使い方の練習にもなった"] clickButton2.addEventListener("click",function(){ if (ransuu == check){ ransuu = Math.trunc(Math.random()*10/3); //乱数は0〜1の少数なので10倍して3で除した結果の少数以下を切り捨てている } else { ransuu = check; } idTarget2.innerHTML = dispText[ransuu]; }) 関数を使ってみました コードがスッキリして読みやすい(はずw) const clickButton2 = document.querySelector("#clk2") const idTarget2 = document.querySelector("#target2") let ransuu = 0; let dispText = ["Masth.random と Math.trunc","乱数と整数切り捨て関数","コードスッキリ","配列の使い方の練習にもなった"] clickButton2.addEventListener("click",function(){ ransuu = getRansuu(ransuu); idTarget2.innerHTML = dispText[ransuu]; }) //今持ってる数字ransuuを受けて異なる数字を返す関数 karisuu は関数内でしか使わないローカル変数 function getRansuu(num) { let karisuu = Math.trunc(Math.random()*10/3); //乱数は0〜1の少数なので10倍して3で除した結果の少数以下を切り捨てている while (num == karisuu) { //メインの数字が持っているものと同じ数字が出ている間は何回も数字を取得する karisuu = Math.trunc(Math.random()*10/3); } return karisuu; }; 繰り返し:ループ for forEach script window.addEventListener("DOMContentLoaded",function(){ //Get UL const ulCourses = document.querySelector("#courses") const subjects =[ "webクリエイター", "web プログラマー", "動画編集", ] for (let index = 0 ; index subjects.length ; index++){ //meke li tag li /l const newLi = document.createElement("li") // li にテキストを入れる li web creater /li newLi.innerText = subjects[index] // add ulCourses.appendChild(newLi) } subjects.forEach(function(subject){ const newLi = document.createElement("li") newLi.innerText = subject ulCourses.appendChild(newLi) }) }) /script html !DOCTYPE html html lang="ja" head meta charset="UTF-8" meta name="viewport" content="width=device-width, initial-scale=1.0" title Memoアプリ /title link href="https //cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC" crossorigin="anonymous" /head body div class="container" !-- INPUT -- div class="alert alert-secondary mt-3" div class="row" div class="col-3" input type="text" class="form-control" name="" id="name" placeholder="名前" /div div class="col-7" input type="text" class="form-control" name="" id="comment" placeholder="コメント" /div div class="col-2" button class="btn btn-outline-success" id="btn" 追加 /button /div /div /div !-- DATA TABLE -- table class="table table-secondary table-striped table-bordered" id="tbl" tr th 名前 /th th コメント /th th 日付 /th /tr tr td 森下 /td td ........ /td td 2022/06/27 /td /tr tr td 森下 /td td ........ /td td 2022/06/27 /td /tr /table /div script src="memoapp.js" /script /body /html memoapp.js //windwoが読みこまれるまで待機 window.addEventListener("DOMContentLoaded",function(){ const tbl = this.document.querySelector("#tbl") //btnが押されたら const btn = document.querySelector("#btn") btn.addEventListener("click",function(){ //名前を取り込む const name = document.querySelector("#name") //コメントを読みこむ const comment = document.querySelector("#comment") //名前とコメントの両方に入力があった場合 //name.length に文字数が入ってくる //if (name.value.length 0 comment.value.length 0){ も同じ意味 if (name.value.length comment.value.length ){ //入力された日時の取得 月は0オリジンなので注意が必要 const current = new Date() const currentStr= `${current.getFullYear()}年${current.getMonth()+1}月${current.getDate()}日` //console.log(currentStr) //tableの更新 //tr行設定 const trTag = document.createElement("tr") //td 1行あたり3カラム(3列)なので、tdを3回繰り返す。 const tdNameTag = document.createElement("td") //一つ目のtd tdNameTag.innerText = name.value //tdの中身を設定 name.value には上で入力された名前が入っている trTag.appendChild(tdNameTag) //tdタグを加える1回目 const tdCommentTag = document.createElement("td") tdCommentTag.innerText = comment.value trTag.appendChild(tdCommentTag) //tdタグを加える2回目 const tdDateTag = document.createElement("td") tdDateTag.innerText = currentStr trTag.appendChild(tdDateTag) //tdタグを加える一3回目 //tableにtr行を挿入 tbl.appendChild(trTag) //三つのtdの入ったtrを一行追加 //入力フィールドをクリアして終わり name.value ="" comment.value ="" } }) }) 2022/7/05 !doctype html html lang="ja" head meta charset="utf-8" meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" link href="https //cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC" crossorigin="anonymous" title Javascript game /title /head body div class="container" div class="alert alert-info" h1 class="h4" 足りない文字はどれ? /h1 button class="btn btn-info" id="makeQuestion" 出題 /button span id= timediff class="px-3" /span /div div class="row" id="quizDiv" /div //数字を並べる場所 div class="form-row" div class="col-2 offset-9" //col-2 offset-9 はbootstrap で使うためのセレクタ 以下同様 答え input type="text" name="" id="answerBox" class="form-control" //回答記入用フィールドの設定 /div div class="col-1" button class="btn btn-danger" id="answerbtn" 回答 /button //回答ボタンを配置 /div /div /div script window.addEventListener("DOMContentLoaded",function(){ // console.log("load"); // 問題を書き込む場所 const quizDiv = document.querySelector("#quizDiv"); //問題文字列を並べる場所を使う //quizDiv に quizDiv で設定した場所(div id ="quizDiv" で指定されたところ)を入れる //console.log(quizDiv); // 解答入力欄 const answerBox = document.querySelector("#answerBox"); //入力欄を今後 answerBox として使う //console.log(answerBox); let condition = false; //出題が押されているかどうかの確認に使う let answer = ""; //答えを保管するための変数 const makeQuestion = document.querySelector("#makeQuestion"); //出題ボタンを使うという宣言 //出題ボタンをクリックされたときの動作 makeQuestion.addEventListener("click",function(){ condition = true; //出題済にする const questions = ["A","B","C","D","E"]; //問題の配列を設定 // console.log("btn clicked"); //quesiton から1つ取り出す answer = questions.splice(Math.floor(Math.random()*questions.length),1); //randomを使って一文字を抜き取る Mathfloor は切り捨て、Math.randomは乱数発生 //Math.random()にquestions.lengthを掛けることで最大いくつまでの乱数を発生させるかを操作する //Math.random()は0〜1までの少数なので4を掛ければ0〜3までの少数になる。Mathfloorで切り捨てて整数にしている。 //Math.random()にquestions.lengthを掛けているのはquestionsの数が変わってもプログラムを書き直す必要がないようにするため。(他のプログラムにコピペして再利用するときにも便利) // console.log(questions.splice(Math.floor(Math.random()*questions.length),1)); //console.log(Math.floor(Math.random()*questions.length)); //console.log(answer); //console.log(questions); //前回の結果をクリア while(quizDiv.firstChild){ //quizDiv.firstChild がある間は回り続ける quizDiv.removeChild(quizDiv.firstChild); //quizDivにある子要素(この場合div)を上から一つ取り除く } //文字列を並べかえる、 const questions2 = []; //並べ替えのための配列を準備 while(questions.length){ //questions の配列分ループする questions2.push(questions.splice(Math.floor(Math.random()*questions.length),1)[0]); //splice で切り取るための開始位置をランダムで決めている。 //random の乗数をquestions.lengthとしているのはquestionsの配列がループを回る度に変わるから。 //quetions.splice(開始位置,抜き取る数) //questions2.push(配列に付け加える対象) //一番右に[0]とあるのは、splice で抜き取ったものが配列だから。ここでは1個しかないのでゼロ番目と決まっている。 } questions.push(...questions2); // 配列の中身を他の配列にコピーするチート技。新しいJavascriptでしかできない。 //これを使わない場合はループを使って中身を一つ一つコピーするしかない。 //文字列を並べる divタグを追加 questions.forEach (function(q){ //questions の数だけ以下のブロックを実行。qにはquestions配列から取り出した文字一つが入っている。 //console.log(q); const newDiv = document.createElement("div"); //div タグを生成 if (Math.floor(Math.random()*2)===0){ //ランダムで0か1かを発生し、0なら以下を実行 q = q.toLowerCase(); // qを小文字に変換(else を使わないのは元々大文字が入っているから } newDiv.innerText = q; //q をdiv の innerText に入れる(htmlで表示される) newDiv.classList.add("col-1","border","text-center","me-1"); //div に付加するclassを一括設定 //col-1 は CSS(この場合はbootstrapやけど)で横に並べる設定。 //border は枠線をつける、text-center は中央揃え、me-1 は右にマージン1 quizDiv.append(newDiv); // newDiv を quizDiv に追加 //ループ一回転で一つの文字 div /div を追加する }) }); //解答ボタンをクリックされたときの動作 const answerbtn = document.querySelector("#answerbtn"); answerbtn.addEventListener("click",function(){// console.log("ansbtn clicked"); // if (condition == false){ // console.log("出題されていない"); // return false; // } const inputAnswer = answerBox.value.toUpperCase(); //inputAnswer に入力された文字を大文字にして代入 if(condition inputAnswer.length===1){ //condition(出題ボタンが押されていて)inputAnswerが一文字(空白だったり2文字以上だったりしないときに以下のブロックを実行 if (answer[0] === inputAnswer){ //出題時にとっておいた answer と inputAnswer と突合 alert("正解です"); }else { alert("不正解です"); answerBox.value =""; //不正解の場合は入力欄をクリアして次の入力を待つ。 } } }); }); /script /body /html
https://w.atwiki.jp/guide/pages/855.html
新プラグイン div表示(div)
https://w.atwiki.jp/javadsge/pages/9859.html
script type="text/javascript" google.charts.load( current , { packages [ geochart ], mapsApiKey AIzaSyD-9tSrke72PouQMnMX-a7eZSW0jkFMBWY }); google.charts.setOnLoadCallback(drawRegionsMap); function drawRegionsMap() { var data = google.visualization.arrayToDataTable([ [ City , Population ], [ 広島 , 100], [ 東京 , 1200], [ 金沢 , 300], [ 福岡 , 200] ]); var options = { region JP , displayMode markers , colorAxis {colors [ green , blue ]} }; var chart = new google.visualization.GeoChart(document.getElementById( regions_div )); chart.draw(data, options); } /script html head script type="text/javascript" src="https //www.gstatic.com/charts/loader.js" /script /head body div id="regions_div" style="width 900px; height 500px;" /div ?!= HtmlService.createHtmlOutputFromFile( sample ).getContent(); ? /body /html
https://w.atwiki.jp/nicepaper/pages/253.html
MediaクエリでブラウザごとにCSSでデザインを変更することはできるが、HTMLのタグの構造自体をデバイス毎に分けたい場合があります。 グローバルメニューなど、ブラウザとスマートフォンでHTMLの構造を変更したいという場合について考えていきます。10月12日記事 目次 振り分けしたいタグは全部js部分に記述 HTMLタグ Javascript及び、jQueryのコード iPhone,iPad,Android,PCの4つに分ける。 (iPhone,iPad,Android)と(PC)の2つに分ける。 まとめ 振り分けしたいタグは全部js部分に記述 全部同じブラウザで表示したい部分に関しては、そのままでいいですが、振り分けたい場合は div id="deviceArea" というタグにし、そのタグをJavaScriptとjQueryで分けていきたいと思います。userAgentを取得し、その情報を基に振り分けしていきます。 HTMLタグ 共通です。 !DOCTYPE HTML html head script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js" /script script src="device.js" /script !--別にjsファイルを作る。-- meta charset="utf-8" title JavaScriptでタグの振り分け /title /head body div p ここは全ブラウザ共通部分 /p /div div id="deviceArea" /div div p ここも全ブラウザ共通部分 /p /div /body /html Javascript及び、jQueryのコード iPhone,iPad,Android,PCの4つに分ける。 HTMLの方は共通でいいです。(device.js) // JavaScript Document $(function(){ //useragentの取得 var userAgent = window.navigator.userAgent.toLowerCase(); if (userAgent.indexOf( ipad ) != -1) { //iPad $( #deviceArea ).html( p iPad /p ); }else if(userAgent.indexOf( iphone ) != -1){ //iphone $( #deviceArea ).html( span iPhoneですよ。 /span ); }else if(userAgent.indexOf( Android ) != -1){ //Android $( #deviceArea ).html( dl dt デバイス /dt dd ここはAndroid /dd /dl ); }else{ //それ以外 $( #deviceArea ).html( ul li iPhoneではない /li li iPadではない /li li Androidではない /li /ul ); }; }); (iPhone,iPad,Android)と(PC)の2つに分ける。 HTMLの方は共通でいいです。(device.js) // JavaScript Document $(function(){ //useragentの取得 var userAgent = window.navigator.userAgent.toLowerCase(); $(function(){ //useragentの取得 var userAgent = window.navigator.userAgent.toLowerCase(); if ((userAgent.indexOf( ipad ) != -1) || (userAgent.indexOf( iphone ) != -1) || (userAgent.indexOf( Android ) != -1)) { $( #deviceArea ).html( p iPhone,iPad,Androidですよ。 /p ); }else{ //三つ以外 $( #deviceArea ).html( ul li iPhone以外 /li li iPad以外 /li li Android以外 /li /p ); }; }); }); まとめ タグを別の種類に変えても当然対応はできます。.htmlメソッドを使って変更していくことが特徴です。 以上
https://w.atwiki.jp/sakaj/pages/20.html
HTML HEAD TITLE Ajax RssReader With Skj Scripting /TITLE META http-equiv=Content-Type content="text/html; charset=shift_jis" style type="text/css" #DivPopUp{ position absolute; top 300; left 250; width 300px; height 100px; border 1px solid black; overflow-x hidden; background-color #ccccff; } #DivPopUpHeader{ border 1px solid black; background-color #aaaaaa; text-align right; margin 1px; padding 1px; } #DivPopUpClose{ border 1px solid black; width 1; font-weight bold; cursor default } /style /HEAD Body onload="init()" Div Id="DivPopUp" Div Id="DivPopUpHeader" Span Id="DivPopUpClose" × /Span /Div Div Id="DivPopUpMsg" PopUp Window /Div /Div Script function DoId(id){ return document.getElementById(id); } function init(){ var op = new skj.lib.ui.OpDragDrop(); op.SetDragDrop( DivPopUp , DivPopUpHeader , DivPopUpClose ); } (function(){ function OpDragDrop(){ function SetDragDrop( IdDivAll, IdDivHeader, IdDivClose ){ var divAll = DoId( IdDivAll ); var divHeader = DoId( IdDivHeader ) || divAll; var divClose = DoId( IdDivClose ); var ClickData = {}; var sAll = divAll.style; var doc = document; sAll.position = absolute ; sAll.left = divAll.offsetLeft; sAll.top = divAll.offsetTop; divHeader.onmousedown = function(){ var e = new DmEvent( arguments[0] || window.event ); ClickData.Dx = e.X - sAll.left.split( px ).join( ); ClickData.Dy = e.Y - sAll.top .split( px ).join( ); doc.onmousemove = function(){ var e = new DmEvent( arguments[0] || window.event ); sAll.left = ( e.X - ClickData.Dx )+ px ;// sAll.top = ( e.Y - ClickData.Dy )+ px ;// } status = (ClickData.Dx, ClickData.Dy) = ( +ClickData.Dx+ , +ClickData.Dy+ ) ; } doc.onmouseup = function(){ doc.onmousemove = function(){}; } if( divClose ){ divClose.onclick = function(){ sAll.display = none ; return false; } } } OpDragDrop.prototype.SetDragDrop = SetDragDrop; } function DmEvent(e){ this.e = e; this.X = e.clientX || e.pageX this.Y = e.clientY || e.pageY; } skj = {}; skj.lib = {}; skj.lib.ui = {}; skj.lib.ui.OpDragDrop = OpDragDrop; })(); /Script /Body /HTML
https://w.atwiki.jp/c21coterie/pages/849.html
http //odz.sakura.ne.jp/projecteuler/index.php?cmd=read page=Problem%207 Problem 7 「10001番目の素数」 † 素数を小さい方から6つ並べると 2, 3, 5, 7, 11, 13 であり, 6番目の素数は 13 である. 10001 番目の素数を求めよ. 基本はsqrt(N)まで試し割って割り切れる数が見つかればその数は素数でない。 でなければ素数と判定します。 本当や1以下の取り扱いや2や素の倍数の判定が必要ですが、問題の性質から奇数だけを考えてコードをくみます。 not_prime(N) - between(1,N,N1), Div is N1*2+1, (Div*Div N- !,fail;true), N mod Div= =0, !. is_prime(N) -not(not_prime(N)). search(Stop,Stop,_,Ans,Ans) -!. search(Count,Stop,P,_,Result) - is_prime(P), !, P1 is P+2, Count1 is Count+1, search(Count1,Stop,P1,P,Result). search(Count,Stop,P,TempAns,Result) - !, P1 is P+2, search(Count,Stop,P1,TempAns,Result). main7 - search(1,10001,3,3,Ans),write(Ans).