約 1,278,084 件
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/elsword-tyaya/pages/18.html
a link { color #0000ee; } a visited { color #0000ee; } a active { color #ff0000; } h1 { margin auto 40px; border 1px solid #339966; border-width 0px 0px 5px 0px; font-size 18pt; font-family Arial,sans-serif; font-weight bold; text-align center; color #6633cc; } a{ text-decoration none; } .lastModified{ margin auto 40px; text-align right; font-size 9pt; color #339966; } #body #body h2{ margin 10px 0px 0px 0px; border 1px solid #339966; border-width 0px 20px 3px 0px; padding 3px 5px; color #333399; font-size 14pt; font-weight bold; } #body h2 first-letter{ color #6633cc; } #body p{ padding 0px 1em 0px 1em; line-height 150%; font-size 11pt; } #body p.ct { margin 0 0 0 1em; padding 0 0 0 1em; line-height 100%; text-indent -1em; } #body div.code { margin 0.5em 1em 0.5em 1em; border 1px solid #339966; background-color #eeeeee; color #993366; } #body pre.code { margin 0px 0px 0px 0px; padding 0.5em 1em; 0.5em 1em; font-family monospace; font-size 9pt; } #body .comment{ color #339966; } #body span.caution { color #3333cc; font-weight bold; } #body div.caution { margin 0.5em 1em 0.5em 1em; border 1px solid #ff9966; background-color #ffffee; color #993366; } #body div.caution p{ margin 0px 0px 0px 0px; padding 0.5em 1em 0.5em 1em; font-size 9pt; } #body div.caution p first-letter{ color #ff0000; } #body div.caution dl{ margin 0px 0px 0px 0px; padding 0.5em 1em 0.5em 1em; font-size 9pt; } #body div.caution dl dt{ font-weight bold; font-family monospace; } #body div.caution table{ margin 0px 0px 0px 2em; border-collapse collapse; border 3px solid #339966; font-size 9pt; } #body div.caution thead { background-color #dddddd; } #body div.caution th { border 1px dashed #339966; padding 2px; } #body div.caution td { border 1px dashed #339966; padding 2px; } #body pre.caution { margin 0px 0px 0px 0px; padding 0.5em 1em; 0.5em 1em; font-family monospace; font-size 9pt; } #copyright .clear{ clear both; } /* ======== サンプル用スタイルシート ======== */ .sample { margin 1em 2em 1em 2em; padding 1em 1em 1em 1em; border 1px solid #339966; background-color #d1f1cd; color #ffffee; height 22em; } select, select *{ background-color #d1f1cd; color #006633; } .sample table { border-collapse collapse; } .sample th, .sample td{ border 2px solid #339966; padding 0.2em 0.5em; background-color #ffffee; color #333399; } .sample table th { background-color #d1f1cd; color #339966; } /style script type="text/javascript" !-- function tblfilter(nm,key){ if(!document.getElementsByTagName) return; var trs = document.getElementById(nm).rows; for(var i=0; i trs.length; i++){ var tr = trs[i]; if(!tr.title || tr.title== ) continue; var found=0; if(key == ) found=1; else { var keys = tr.title.split( , ); for(var j=0; j keys.length; j++){ if(keys[j] == key){ found=1; break; } } } tr.style.display = found? none ; } } levels = new Array(); levels[ 一章 ] = 1; levels[ 二章 ] = 2; levels[ 三章 ] = 3; function tblfilter2(nm,key){ if(!document.getElementsByTagName) return; var trs = document.getElementById(nm).rows; window.status= ; for(var i=0; i trs.length; i++){ var tr = trs[i]; if(!tr.title || tr.title== ) continue; var found=0; if(key == ) found=1; else { var level = levels[key]; if(levels[tr.title] = level) found=1; } tr.style.display = found? none ; } } /head body h1 表フィルタ /h1 !-- script type="text/javascript" src="../lib/lastModified.js" /script -- div id="body" div class="sample" form onsubmit="return false;" select onchange="tblfilter( ex1 ,this.options[this.selectedIndex].value);" option value="" すべて /option option value="海" 海の動物 /option option value="陸" 陸の動物 /option option value="鳴く" 鳴く動物 /option /select /form table id="ex1" tr th No /th th 名称 /th /tr tr title="海" td 1 /td td いか /td /tr tr title="陸,鳴く" td 2 /td td いぬ /td /tr tr title="海" td 3 /td td えび /td /tr tr title="空,鳴く" td 4 /td td たか /td /tr tr title="海" td 5 /td td たこ /td /tr tr title="海,鳴く" td 6 /td td とど /td /tr tr title="陸,鳴く" td 7 /td td ねこ /td /tr tr title="空,鳴く" td 8 /td td はと /td /tr tr title="陸,鳴く" td 9 /td td ぶた /td /tr /table /div h2 ◆ a name="intro" 解説 /a /h2 }
https://w.atwiki.jp/ffbattle/pages/14.html
編集の練習がしたいひとはここでしていいよ テーブルは 縦棒で くぎります 練習 練習 練習 半角 で始めると引用文になります。 我が名は花京院典明 や ら な い か ? ←だが断る \射命丸/ (うほっ、いい花京院・・・) \チルノ/ html2プラグインエラー このプラグインを使うにはこのページの編集権限を「管理者のみ」に設定してください。 body div align="center" font color="#ff0000" b ようこそ○○のホームページへ! /b /font br /div br div align="center" small あなたは /small img src="/cgi-bin/Count.cgi?df=count.dat dd=C ft=3 frgb=ff0000" small 人目のお客様です。 /small /div br /body 2021-12-10 19 37 41 (Fri) 前月 2021年12月 翌月 日 月 火 水 木 金 土 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 FFBwikiサイト開設協力。 †AIR’s†(FFB部隊) †AIR’s†掲示板より、なのはさん、めーりんさん、四季さん、ちるのさん、ノヴァちん
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/fifaclub/pages/23.html
Division1 【チーム】ELMUNDO ★★★★☆188 【攻撃力】 103 [30試合得点率]2.17 [総合勝率(30ave)]0.49 (0.77)↑↑↑ 【守備力】 85 [30試合失点率]0.60 [総合敗率(30ave)]0.21 (0.03)↑↑↑ 【Tack率】37.4% 【パス率】76.7% 【タイプ】ポゼッション 【固定GK】あり 【寸評】グループFにて2位通過を決めた。決して楽なグループではなかったはずだが きっちりDiv1進出を果たしている辺りさすがだ。攻守共に急激に調子を上げてきており最近30試合では 得点率2.17、敗率3%と驚愕の数値を叩き出している。またポゼッション能力も高く中盤の得点源も豊富。 異次元の攻撃力は相手守備陣を粉砕する。華麗なパス回しでサイド、中央何処からでも崩しにかかる様は対戦相手を 混乱に陥れ、観る者を魅了してやまない。まさに磐石の態勢で挑むこのチーム、他の追随を許さず死角無し! 大本命◎一躍リーグ優勝候補No1に躍り出る。 【チーム】Futbol Conectar ★★★★★170 【攻撃力】 80 [30試合得点率]1.50 [総合勝率(30ave)]0.51 (0.50) → 【守備力】 90 [30試合失点率]0.60 [総合敗率(30ave)]0.16 (0.13) → 【Tack率】49.8% 【パス率】77.2% 【タイプ】ポゼッション 【固定GK】あり 【寸評】死のグループAを苦戦しながらも2勝1分け1敗で、なんとか1位通過を果たした優勝候補。 ポゼッションを目指しているが故にハイプレスの網に掛かると脆さもみせるが、それでも1位通過を決める 勝負強さはチーム総合力の賜物か。中盤のタックル成功率はトップクラスで、高い次元でチームプレスが 機能していることを証明している。故に守備力も最高峰に位置しているのだろう。 ボランチが相手を巧みに操り絶対的なポゼッションを武器に相手ゴールに迫る様はまるで詰め将棋を見ているかのようだ。 パスサッカーで頂点を取れることを証明する為にも是非本戦で力を証明したい所。 魅惑のパスサッカーで優勝を狙え! 【チーム】MAGiCO ★★★★★170 【攻撃力】 76 [30試合得点率]1.13 [総合勝率(30ave)]0.58 (0.67)↑↑ 【守備力】 94 [30試合失点率]0.43 [総合敗率(30ave)]0.20 (0.20) → 【Tack率】45.5% 【パス率】74.4% 【タイプ】フィジカル 【固定GK】あり 【寸評】一筋縄ではいかないグループDにおいて、1勝1分け1敗で2位通過を決める。 チームレベルが拮抗していたグループにおいても、きっちりDiv1を決める辺りはさすが。 強力なサイド攻撃は目を見張るものがあり、空中戦にて存在感を発揮するツインタワーの破壊力も抜群だ。 トップに目がいきがちだが、中盤の構成力も素晴らしくボランチに能力の高いプレーヤーが存在している。 チームプレスも連携がとれており、タックル率も非常に高く相手の自由を奪う。 リーグ最高峰の守備陣でゴールに鍵を掛け、狙うは優勝のみ! 【チーム】ONE P1ECE ★★★★★157 【攻撃力】 86 [30試合得点率]1.67 [総合勝率(30ave)]0.57 (0.50) ↓ 【守備力】 71 [30試合失点率]0.73 [総合敗率(30ave)]0.18 (0.23) ↓ 【Tack率】31.8% 【パス率】68% 【タイプ】サイド 【固定GK】あり 【寸評】グループFにて1位通過を決めさすがの安定感をみせる。 攻守に高いレベルの実力を備え、他を圧倒する存在感を放つ。 最近30試合で平均1.67得点と強力なFW陣を軸に、どんなに組織的に守っても守備網を切裂く 抜群の突破力を誇るサイド攻撃に絶対の自信を持っている。 またGKが非常に固くDFラインを統率し安定感をもたらせている。優勝を狙うには十分だ。 【チーム】LIVER BIRD FC ★★★★☆146 【攻撃力】 76 [30試合得点率]1.37 [総合勝率(30ave)]0.57 (0.60) → 【守備力】 70 [30試合失点率]0.87 [総合敗率(30ave)]0.21 (0.15) ↑ 【Tack率】43.4% 【パス率】65.1% 【タイプ】カウンター 【固定GK】あり 【寸評】決して一筋縄ではいかないグループDにおいて全勝の1位通過を決めた。 やはり強豪は抜群の安定感を披露する。注目すべきは振分けリーグで3戦全て1-0の無失点に抑えた鉄壁の守備陣。 まさにカテナチオの如くゴールに鍵を掛け虎の子の1点を守りきる。 攻守ともにバランスが保たれており安定感が最大の武器。負けない強さはリーグ戦でも発揮される。 中盤の何処からでも点を奪える強力な攻撃力もあり、上位に食い込む力はあるはずだ。 【チーム】JUDGEMENT ★★★☆☆145 【攻撃力】 52 [30試合得点率]0.63 [総合勝率(30ave)]0.37 (0.43) ↑ 【守備力】 93 [30試合失点率]0.43 [総合敗率(30ave)]0.28 (0.23) ↑ 【Tack率】50.3% 【パス率】76.1% 【タイプ】ポゼッション 【固定GK】なし 【寸評】グループEにて2位通過を果たし堂々のDiv1進出を決める。リーグ全体でも最高峰のタックル率を誇り 固定GKが居なくてもリーグ最高峰の守備力を擁する辺り、高い次元でチームプレスが完成されている事を 容易に想像させる。また、抜群のテンポで相手ゴールに迫るパスサッカーを披露し相手を釘付けにする。 なるほど、Div1進出を果たしたわけである。攻撃力に不満は残るが、鉄壁の守備陣と自慢のパスサッカーで 一躍ダークホース的存在に。何処まで上位陣に食い込めるのか要注目だ。 【チーム】JAXA Utd ★★★★☆133 【攻撃力】 71 [30試合得点率]1.20 [総合勝率(30ave)]0.53 (0.43)↓ 【守備力】 63 [30試合失点率]0.93 [総合敗率(30ave)]0.20 (0.27)↓ 【Tack率】36.8% 【パス率】69.2% 【タイプ】フィジカル 【固定GK】あり 【寸評】グループEにて全勝の1位通過を決め、やはりこちらも前評どおりの安定感をみせる。 最近、失点率が多いのが気にかかるが、このチームのことだリーグ戦に合わせてくるだろう。 圧倒的な空中戦の強さを発揮する攻撃は、リーグ随一を誇りながら守備も堅く負ける姿は想像できない。 本リーグで以前の調子を取り戻せるかが鍵だろう。強力なツインタワーを武器にダークホース的な存在となる。 【チーム】Hat Trick JP ★★☆☆☆124 【攻撃力】 78 [30試合得点率]1.50 [総合勝率(30ave)]0.36 (0.57)↑↑ 【守備力】 60 [30試合失点率]0.90 [総合敗率(30ave)]0.40 (0.33) ↑ 【Tack率】41.1% 【パス率】68.6% 【タイプ】カウンター 【固定GK】なし 【寸評】今回のDiv振分けリーグにおいて、一番のビッグサプライズを私達に提供したチームだろう。 グループB、2勝1分け1敗。まさに堂々の2位通過を果たした。格上のSAMURAI SPIT FCにも引分けを演じ 他の格上相手にも勝利している所をみても本物なのであろう。 更に固定GKを配置していない点にも注目したい。 やはりタックル率は40%超えを果たしており、チーム全体の守備意識が高いことを伺わせる また、ここ最近の攻撃力は目覚しいものがあり、まさにハットトリックの名に相応しい爆発的な攻撃を 魅せており上位陣と遜色ない。冴え渡るカウンター攻撃はジャイアントキリングを引き起こす! 現ポイント4000台。固定GK無しのこのチームに一体何が起きたのだろうか? 俄然注目のHat Trick JPに入団希望者が相次ぐことは間違いない。 【チーム】BLUE ASTER ★★★☆☆114 【攻撃力】 63 [30試合得点率]1.07 [総合勝率(30ave)]0.36 (0.43) ↓ 【守備力】 51 [30試合失点率]1.00 [総合敗率(30ave)]0.34 (0.37) → 【Tack率】32.8% 【パス率】71.4% 【タイプ】カウンター 【固定GK】あり 【寸評】死のグループCから本命を押さえ、1位で抜け出したのがこのチーム。 並み居る強豪相手に負け無しは立派の一言。この混戦を抜け出す力があるなら 本リーグでも上位に食い込むことが予想される。 何処からでも点が取れる中盤は脅威であり、強力なサイド攻撃も披露する。 優勝する力もあるだけに、いかに早急に立直しリーグ戦に挑めるかが鍵となるだろう。 【チーム】The Edge ★★★☆☆93 【攻撃力】 65 [30試合得点率]1.20 [総合勝率(30ave)]0.42 (0.30)↓↓ 【守備力】 28 [30試合失点率]1.47 [総合敗率(30ave)]0.29 (0.43)↓↓ 【Tack率】33.8% 【パス率】64.1% 【タイプ】カウンター 【固定GK】あり 【寸評】混迷極めたグループBを首位で通過したのがこのチーム。 0-3で負ける試合もあったが、格上と目された相手に勝ち続けての首位通過。 しかし、ここ最近急激に調子を落としており、最近の失点率に至っては守備陣が崩壊していると 言わざるをえない。それぞれのポジションに核となれる選手はおり立直しさえすれば 以前のような圧倒的な攻撃力を披露できるのだが。乱打戦に持ち込めばジャイアントキリングもあるぞ! 【Div1リーグ展望】 優勝争いは「ELMUNDO」を軸に「MAGiCO」「ONE P1ECE」「Futbol Conectar」 辺りが絡んでくるのであろうか。データ的には一歩抜けている感のある「ELMUNDO」としては ここで圧倒的な力の差を見せつけ「ELMUNDO」の時代を築きたいところだろうが 決して一筋縄ではいかない面子ばかりで混迷を極める。 注目は、第1節にいきなり対戦することとなるMAGiCO vs ELMUNDOの一戦に注目したい。 何れも中盤がしっかりしているチームだけに白熱した攻防が展開されること間違いなし。 今後の優勝争いを占う注目のカードがいきなり組まれている。 そして何より注目の的なのが、奇跡の進出を果たした「Hat Trick JP」だろう。 今まで負け越していたこのチームに、一体何が起こっているのか期待せずにはいられない。 フロックだろうという外野の声を消すためにも私達に奇跡を見せてほしい。 【他のみどころ】 優勝争いの視点ではなく、固定GKを置かない 「Hat Trick JP」と「JUDGEMENT」この2チームに注目してみてみたい。いずれも、ポイントだけ みれば、Div1に上がれるとみられていたチームではなく前評判が高かったわけでもない。 一つはカウンターを武器に、もう一つはパスサッカーを武器に堂々のDiv1進出を果たしている。 また、その心意気も買おうではないか。 何処まで上位に食い込めるのか。もう一つの見所ではないだろうか? もしかしたら、新しい潮流を起こすかもしれないこの2チームにも注目したい。 Division2 【チーム】Zillion 11 ★★★★☆157 【攻撃力】 76 [20試合得点率]1.30 [総合勝率(20ave)]0.25 (0.20)↑ 【守備力】 81 [20試合失点率]0.75 [総合敗率(20ave)]0.59 (0.50)↑↑ 【Tack率】54.9% 【パス率】72.0% 【タイプ】バランス 【固定GK】あり 【寸評】試合数は少ないながら抜群の勝率を残す。 攻撃、守備力ともに高いレベルでバランスが取れており、少ないチャンスを物にする決定力あるFWの存在も注目。 また、中盤にも質の高いプレーヤーが多く試合を上手くコントロールしている。 特にリーグ全体トップのタックル率に注目したい。非常に高次元の数字を残しており、隙が見当たらない。 BFL優勝の勢いを披露できるか。Div2優勝候補の筆頭だ。 【チーム】JAPAN FOOTBALL ★★★★★143 【攻撃力】 56 [20試合得点率]0.70 [総合勝率(20ave)]0.50 (0.40)↓ 【守備力】 88 [20試合失点率]0.45 [総合敗率(20ave)]0.16 (0.25)↓ 【Tack率】36.8% 【パス率】68% 【タイプ】カウンター 【固定GK】あり 【寸評】トップクラスの守備力に加え、正確なクロスを武器にする。 中盤に質の高いリンクマンが居り攻撃の基点となっている。 元々、地力ではDiv1で優勝を争えるチームなだけに早々にDiv1進出を決めて 力の差を見せ付けたいところだ。 【チーム】CGO Devils ★★★☆☆138 【攻撃力】 53 [20試合得点率]0.65 [総合勝率(20ave)]0.48 (0.35) ↓ 【守備力】 85 [20試合失点率]0.55 [総合敗率(20ave)]0.23 (0.35) ↓ 【Tack率】49.8% 【パス率】77.3% 【タイプ】ポゼッション 【固定GK】なし 【寸評】中盤の構成力は素晴らしいものがあり、絶対的なFWが君臨する。 圧倒的なポゼッションスタイルで敵を圧倒し相手にチャンスさえ作らせない。 個々のレベルも高く、中盤からのプレッシングも機能している。 また忘れてならないのが固定GK無しで、このハイレベルな守備力を要していることだ。 やはり、抜群のタックル成功率が物語る通り、チーム完成度が非常に高い。 Div1進出に向け視界良好。 【チーム】FC Yokozuna ★★★☆☆135 【攻撃力】 63 [20試合得点率]1.05 [総合勝率(20ave)]0.32 (0.5)↑↑ 【守備力】 72 [20試合失点率]0.65 [総合敗率(20ave)]0.35 (0.35)→ 【Tack率】39.1% 【パス率】63.6% 【タイプ】カウンター 【固定GK】あり 【寸評】非常にバランスに長けたチームで格下感はまるでない。 試合をうまくコントロールできれば上位進出も望めるぞ。 最近調子を上げているようで期待が持てる。 【チーム】VfB T90 ★★☆☆☆124 【攻撃力】 47 [20試合得点率]0.65 [総合勝率(20ave)]0.48 (0.35)↓↓ 【守備力】 39 [20試合失点率]0.55 [総合敗率(20ave)]0.23 (0.35)↓↓ 【Tack率】37.1% 【パス率】72.8% 【タイプ】バランス 【固定GK】なし 【寸評】質のいいボゼッションサッカーを展開するクラブ。 個人技で中央突破もでき攻撃のバリエーション豊富。全体的に安定感がある。 【チーム】Union Link ★★★☆☆120 【攻撃力】 64 [20試合得点率]1.15 [総合勝率(20ave)]0.32 (0.35) → 【守備力】 56 [20試合失点率]1.00 [総合敗率(20ave)]0.39 (0.25) ↑ 【Tack率】35.2% 【パス率】71.5% 【タイプ】バランス 【固定GK】あり 【寸評】コンスタントに勝ちを積み重ねているクラブ。 OWNERを差し置いて殆どの試合に参加する2人のCMに期待。 【チーム】JPN KINGDOM FC ★★★★☆117 【攻撃力】 61 [20試合得点率]0.85 [総合勝率(20ave)]0.50 (0.45) ↓ 【守備力】 56 [20試合失点率]1.05 [総合敗率(20ave)]0.24 (0.25) → 【Tack率】36.2% 【パス率】67.6% 【タイプ】カウンター 【固定GK】あり 【寸評】振分けリーグでは本来の力を出せず、惜しくもDiv2からのスタートとなってしまい 落胆にくれる。Div1で優勝争いを演じられる地力はあるだけに守備の見直しが必要にも思うが。 雪辱に燃えるKINGはこのDivで力を見せ付ける必要がある。 【チーム】FC KATASELONA ★★★★☆115 【攻撃力】 63 [20試合得点率]1.05 [総合勝率(20ave)]0.43 (0.40) → 【守備力】 52 [20試合失点率]1.10 [総合敗率(20ave)]0.26 (0.45)↓↓ 【Tack率】45.1% 【パス率】68.5% 【タイプ】ハイプレス 【固定GK】あり 【寸評】ハイプレッシングを武器に試合の主導権を早々に掌握。 早い時間で勝負を決めてしまう力あり。圧倒的な圧力と、中央、サイド何処でも切り裂くドリブラーを擁す。 この位置で甘んじているチームではない。最近調子を落としているようだが復活なるか。 【チーム】DONDAKE ★★☆☆☆101 【攻撃力】 48 [20試合得点率]0.85 [総合勝率(20ave)]0.35 (0.25) ↓ 【守備力】 53 [20試合失点率]0.70 [総合敗率(20ave)]0.33 (0.60)↓↓ 【Tack率】32.6% 【パス率】75.2% 【タイプ】ポゼッション 【固定GK】なし 【寸評】振分けリーグでは強豪相手に見事な勝利を飾りDiv2進出を果たす。 ずば抜けた選手は見当たらないがそれなりの結果は残している。 相手を完封しつついかに1点をもぎ取れるか。ポゼッションを武器にクラブの舵取りは 守備の要である選手に託された。 【チーム】FC MASURAO ★★★☆☆88 【攻撃力】 64 [20試合得点率]1.15 [総合勝率(20ave)]0.47 (0.3)↓↓ 【守備力】 24 [20試合失点率]1.50 [総合敗率(20ave)]0.28 (0.4)↓↓ 【Tack率】26.5% 【パス率】63.2% 【タイプ】カウンター 【固定GK】なし 【寸評】死のグループAから何とかDiv2抜けを果たしたこのチーム。 最近調子を落としているようで早急な立直しが急務だろう。守備陣の奮闘に期待したい。 【Div2リーグ展望】 「Zillion 11」が優勝候補だろう。BFL優勝は伊達じゃない。今回は惜しくもDiv2スタート となってしまったが、間違いなくDiv1進出を決めてくるのではないだろうか。 2位以降は「JAPAN FOOTBALL」「CGO Devils」辺りが絡んできそうだ。 注目は第1節に行われるこの2試合「CGO Devils vs Zillion 11」と「FC KATASELONA vs JPN KINGDOM FC」 この2試合に注目したい。 一つは優勝候補争いの両チーム。もう一つは調子は落としているものの自力では他を凌ぐ両チーム。 今後の行方を占うには十分な試合がいきなり組まれている。 【他のみどころ】 今回は「FC KATASELONA」「JPN KINGDOM FC」この2チームに注目したい。 何れも本来の実力からしたらDiv1が妥当な両チーム。 一つは圧倒的なハイプレス、もう一つは効果的なカウンターを武器に高ポイントを保有している。 本来のパフォーマンスを取り戻せるのなら、Div2は一気に混沌としてくるはずだ。 両チームの出来がDiv2の鍵を握っている。 Division3 【Div3】 【チーム】Olive Band CF ★★★☆☆156 【攻撃力】 67 [20試合得点率]1.05 [総合勝率(20ave)]0.49 (0.50) → 【守備力】 89 [20試合失点率]0.50 [総合敗率(20ave)]0.25 (0.20) → 【Tack率】44.7% 【パス率】71.0% 【タイプ】バランス 【固定GK】なし 【寸評】圧倒的な守備力はリーグ全体でもトップレベルを誇り攻撃力も高い。 中盤のプレッシングも高くこの位置にいるチームではないように思う。 Div3優勝候補No1に推す。 【チーム】FC Esperanza ★★★★☆149 【攻撃力】 79 [20試合得点率]1.40 [総合勝率(20ave)]0.53 (0.55) → 【守備力】 70 [20試合失点率]0.80 [総合敗率(20ave)]0.24 (0.30) → 【Tack率】42.3% 【パス率】67.9% 【タイプ】カウンター 【固定GK】あり 【寸評】Div1にいてもおかしくないこのチーム。振り分け戦でまさかのDiv3になってしまったが 振り分け戦でFutbol Conectarに勝ち、Zillion11にも引き分けている点に注目したい。 地力はあるだけにムラを無くせば難なく昇格することだろう。 中盤のプレスも良く機能しているようで、攻撃力、守備力共にDiv1レベルだ。 【チーム】SAMURAI SPIT FC ★★★★☆145 【攻撃力】 60 [20試合得点率]0.70 [総合勝率(20ave)]0.51 (0.55) → 【守備力】 85 [20試合失点率]0.55 [総合敗率(20ave)]0.17 (0.30)↓↓ 【Tack率】43.3% 【パス率】77.7% 【タイプ】ポゼッション 【固定GK】あり 【寸評】振り分け戦で1分け3敗と皆が予想だにしないサプライズを演じてしまう。 しかし、本来の実力はDiv1で優勝争いを演じてもおかしくない実力なだけに その他のDiv3チームとしてはいい迷惑だろう。 強力なポゼッションサッカーを展開し自慢のカテナチオでゴールに鍵を掛ける。 主催リーグでまさかの失態を演じ、屈辱に塗れる元王者は絶対的な強さを取り戻せるのか。 Div3から出直しを図る。 【チーム】EL Mago FC ★★★☆☆126 【攻撃力】 52 [20試合得点率]0.76 [総合勝率(20ave)]0.37 (0.30) ↓ 【守備力】 74 [20試合失点率]0.71 [総合敗率(20ave)]0.31 (0.30) → 【Tack率】44.8% 【パス率】76.5% 【タイプ】ポゼッション 【固定GK】? 【寸評】ポゼッション能力とタックル成功率から分かるとおりチーム全体の完成度は高い 追加募集からDiv3スタートとなるが能力的には上位Divレベル。 【チーム】SONY TIMERS XI ★★☆☆☆122 【攻撃力】 62 [20試合得点率]1.00 [総合勝率(20ave)]0.39 (0.45)↑ 【守備力】 60 [20試合失点率]0.90 [総合敗率(20ave)]0.38 (0.30)↑ 【Tack率】39.8% 【パス率】66.0% 【タイプ】カウンター 【固定GK】なし 【寸評】全体的にバランスの取れたチーム。 中盤に質の高い選手がおり攻撃を牽引。守備力の強化が課題か。 【チーム】Phoenix Sky ★★★★☆111 【攻撃力】 57 [20試合得点率]0.94 [総合勝率(20ave)]0.44 (0.25) ↓ 【守備力】 54 [20試合失点率]1.06 [総合敗率(20ave)]0.31 (0.35) → 【Tack率】42.1% 【パス率】75.1% 【タイプ】ポゼッション 【チーム】ACF Red Bulls ★★☆☆☆107 【攻撃力】 46 [20試合得点率]0.65 [総合勝率(20ave)]0.32 (0.25) ↓ 【守備力】 61 [20試合失点率]0.80 [総合敗率(20ave)]0.37 (0.40) → 【Tack率】35.1% 【パス率】66.8% 【タイプ】バランス 【固定GK】あり 【寸評】守備力は高いレベルにありリアクションサッカーに自信を持ち攻撃的なチームに力を発揮しやすい。 独自のリーグを持つクラブだけにリーグ戦でも上位進出を図り面目を保ちたいところだ。 【チーム】Marlboro ★★☆☆☆96 【攻撃力】 48 [20試合得点率]0.60 [総合勝率(20ave)]0.32 (0.35)→ 【守備力】 48 [20試合失点率]1.05 [総合敗率(20ave)]0.43 (0.40)→ 【Tack率】37.7% 【パス率】69.9% 【タイプ】バランス 【固定GK】あり 【寸評】失点が多いのが残念ではあるが人数が揃えばそれを上回るパフォーマンスが期待できる。 登録メンバーの参加状況によってはジャイアントキリングも。サイドの突破が鍵になるか? 【チーム】FC Congaudere ★☆☆☆☆89 【攻撃力】 41 [20試合得点率]0.75 [総合勝率(20ave)]0.29 (0.25) → 【守備力】 48 [20試合失点率]1.15 [総合敗率(20ave)]0.41 (0.35) ↑ 【Tack率】30.9% 【パス率】66.4% 【タイプ】カウンター 【固定GK】なし 【寸評】 【チーム】FC PAPICo ★☆☆☆☆80 【攻撃力】 57 [20試合得点率]1.00 [総合勝率(20ave)]0.26 (0.35) ↑ 【守備力】 23 [20試合失点率]1.50 [総合敗率(20ave)]0.46 (0.50) → 【Tack率】38.7% 【パス率】73.0% 【タイプ】バランス 【固定GK】? 【寸評】普段は少人数で対戦するためなかなか戦績は伸びないが ハマれば点差の付いた良い試合を展開出来る底力はある。 中盤の構成力だけ見れば上位陣と遜色ない。あとは守備の強化を図りたいところだ。 【Div3リーグ展望】 優勝争いは「Olive Band CF」を軸に「FC Esperanza」「SAMURAI SPIT FC」「FEL Mago FC」 辺りが絡んでくるのであろうか。 自力はあるだけに高ポイントの「Phoenix Sky」にも注目したい。 そして、何より注目の的なのが「SAMURAI SPIT FC」だろう。 リーグ主催者でありかつての王者がDiv3に落ちるとは誰も予想だにしなかった。 他を圧倒するポゼッションスタイルを確立し高ポイントを叩き出していた姿は記憶に新しい。 Div3から復活の狼煙をあげる。 【他のみどころ】 今回は追加募集から参戦決定した「Phoenix Sky」「EL Mago FC」この2チームに焦点を当てたい。 何れもハイポゼッションと高タックル成功率を叩き出しチーム完成度が高いこの2チーム。 いままでの実績もあるこの2チームの参戦によりDiv3は一気に混戦の様相を呈してきた。
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/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/araiguma/pages/41.html
ここは表示しないよ(stylilshとかで使うと広告とかを消せる) div #ads{ display none; } class="example なら必ず背景が画像になるときのcss .example { background #FFFEF0 url(img/example.gif) no-repeat; border 1px solid #DDD0C0; font-size small; padding 15px; } @wikiの広告を消すためのcss div #atwiki_google_afc_1{ display none; } div#ads{ display none!important; } リンク とほほのスタイルシート入門 http //www.tohoho-web.com/css/index.html zen garden http //www.csszengarden.com/tr/japanese/ css実践講座 http //css.uka-p.com/
https://w.atwiki.jp/javadsge/pages/4542.html
!DOCTYPE html html head title HTML /title meta http-equiv= Content-Type content= text/html; charset=utf-8 / script type= text/javascript src= http //www.bing.com/api/maps/mapcontrol?callback=getMap async defer /script script src= sample.js /script /head body onload="sample()" div id= printoutPanel /div div id= mp /div /body /html function sample() { var map = new Microsoft.Maps.Map(document.getElementById( mp ), { credentials WOsrHWjBlYiAuwBoFtBU~jDjkd9pyBegKchaBXTVfUA~Ahk8U_EIJ_DWI1rVQbQKJF-628dFKe3KHOg9zOM_SRwv20xjvIPolUXQmMaavuFF , center new Microsoft.Maps.Location(35, 139), zoom 8 }); var center = map.getCenter(); var pin = new Microsoft.Maps.Pushpin(center, {text 1 }); map.entities.push(pin); }
https://w.atwiki.jp/javadsge/pages/6677.html
class ex{ ax number[]=new Array(); ay number[]=new Array(); bx number[]=new Array(); by number[]=new Array(); b number[]=new Array(); a number[]=new Array(); faststep() void{ var s number; for(s=1;s 11;s++){ this.a[s]=100; this.b[s]=100; this.ay[s]=1; this.ax[s]=s; this.by[s]=10; this.bx[s]=s; } } move_a() void{ var s,y1,ch number; for(s=1;s 11;s++){ y1=this.ay[s]+1; if(y1 10)y1=10; ch=this.check_a(this.ax[s],y1); if(ch 50)this.ay[s]=y1; } } check_a(px number,py number) number{ var sx,y1,ch,h number; ch=0; for(sx=1;sx 11;sx++){ h=0; if(this.bx[sx]==px)h=h+1; if(this.by[sx]==py)h=h+1; if(h==2)ch=100; } return ch; } move_b() void{ var s,y1,ch number; for(s=1;s 11;s++){ y1=this.by[s]-1; if(y1 1)y1=10; ch=this.check_b(this.bx[s],y1); if(ch 50)this.by[s]=y1; } } check_b(px number,py number) number{ var sx,y1,ch,h number; ch=0; for(sx=1;sx 11;sx++){ h=0; if(this.ax[sx]==px)h=h+1; if(this.ay[sx]==py)h=h+1; if(h==2)ch=100; } return ch; } } var ax=new Array(); var ay=new Array(); var bx=new Array(); var by=new Array(); var a=new Array(); var b=new Array(); function sample() { var timer; var delay = 1000; var sub=new ex(); sub.faststep(); a=sub.a; b=sub.b; ax=sub.ax; bx=sub.bx; ay=sub.ay; by=sub.by; var loop = function () { var sub2=new ex(); sub2.a=a; sub2.b=b; sub2.ax=ax; sub2.bx=bx; sub2.ay=ay; sub2.by=by; sub2.move_a(); a=sub2.a; b=sub2.b; ax=sub2.ax; bx=sub2.bx; ay=sub2.ay; by=sub2.by; var sub3=new ex(); sub3.a=a; sub3.b=b; sub3.ax=ax; sub3.bx=bx; sub3.ay=ay; sub3.by=by; sub3.move_b(); a=sub3.a; b=sub3.b; ax=sub3.ax; bx=sub3.bx; ay=sub3.ay; by=sub3.by; paint(); clearTimeout(timer); timer = setTimeout(loop, delay); } loop(); } function paint(){ var sub3=new svgpaint(); str=" svg width=\"500\" height=\"500\" "; for(s=1;s 11;s++){ x1=ax[s]; y1=ay[s]; if(a[s] 50)str=str+sub3.rect(50*x1-50,500-50*y1,50,50,"red"); } for(s=1;s 11;s++){ x1=bx[s]; y1=by[s]; if(b[s] 50)str=str+sub3.rect(50*x1-50,500-50*y1,50,50,"blue"); } str=str+" /svg "; $("#memo").html(str); } !DOCTYPE html html head title 戦争ゲームの練習 /title meta charset="UTF-8" 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 script src="svgpaint.js" /script script src="app.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="#s1" class="mdl-layout__tab is-active" メイン /a a href="#s2" 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="s1" div class="page-content" p id="memo" /p /div /section section class="mdl-layout__tab-panel" id="s2" div class="page-content" 練習 /div /section /main footer class="mdl-mini-footer" div class="mdl-mini-footer__left-section" div class="mdl-logo" 戦争ゲームの練習 /div ul class="mdl-mini-footer__link-list" li a href="http //osomatsusan.com/" コード /a /li li a href="http //osomatsusan.com/" ルール /a /li /ul /div /footer /div /body /html