JavaScript

全16007件中181～200件表示
  • スタイルシートを無効にする方法

    ブックマークレットでスタイルシートを無効にする(?)方法を教えて下さい。　まぁ遊ぶだけなんですけど…

  • keypress iventについて

    keypress iventをテキストボックスを操作してるときに実行できないようにするにはどうすればいいですか？（JavaScript初心者なので全然わかりません）

  • セレクトボックスの選択により、点数および配列を表示

    <html> <head> <!DOCTYPE html> <meta charset="utf-8"> <script type="text/javascript"> function change(selbox) { var txt1 = document.getElementById("txt1"); var txt2 = document.getElementById("txt2"); switch(selbox.value){ case '1': txt1.style.display = ""; txt2.style.display = "none"; break; case '2': txt1.style.display = "none"; txt2.style.display = ""; break; default: } var todo = ['メール確認', '日報送信', 'スケジュール確認', '資料作成']; var str=''; for (var i = 0; i < todo.length; i++) { str += todo[i] + '<BR>'; } document.getElementById('message_area').innerHTML = str; } </script> <body> <form name="f"> 愛媛県の県庁所在地は <select name="q1" onchange="change(this)"> <option value="">選択肢</option> <option value="1">名古屋市</option> <option value="2">松山市</option> <option value="3">金沢市</option> <option value="4">高松市</option> </select> です。 <p> 香川県の県庁所在地は <select name="q2" onchange="change(this)"> <option value="">選択肢</option> <option value="1">名古屋市</option> <option value="2">松山市</option> <option value="3">金沢市</option> <option value="4">高松市</option> </select> です。<p> 愛知県の県庁所在地は <select name="q3"> <option>選択肢</option> <option>名古屋市</option> <option>松山市</option> <option>金沢市</option> <option>高松市</option> </select> です。<p> 石川県の県庁所在地は <select name="q4"> <option>選択肢</option> <option>名古屋市</option> <option>松山市</option> <option>金沢市</option> <option>高松市</option> </select> です。<p> テキスト１<input type="text" id="txt1" name="txt1"><BR> テキスト２<input type="text" id="txt2" name="txt2"><BR> <div id="message_area" /> <body> </html>

  • ボタンの値をcsvファイルから取得した値へ変更

    素人質問で申し訳ありません。 グローバル変数などの問題なのだと思うのですが、 具体的に何をすればいいのか分からなかったため質問させていただきました。 読み込んだCSVファイルから、値を取得し、その値を変数に代入し、ボタンの値に反映させたいのですが、反映されません。 word11=result[5][2]; //ここが反映されない word22=result[6][2]; //ここが反映されない word33=result[7][2]; //ここが反映されない 問題は上の部分かと思います。 ご教授いただければと思います。 <!DOCTYPE html> <html> <head> <title> </title> <html lang="ja"> <table id="output_csv"></table> <script src="./script.js"></script> <head> <meta charset="utf-8"> <style> button { border: solid 2px red; border-radius: 20px; background-color: orange; padding: 20px; } </style> <button type="button" id="button1" onclick="func1()"> <font size="5" color="red"><b><div id="word1">0</div></b></font> </button> <button type="button2" id="button2" onclick="func2()"> <font size="5" color="red"><b><div id="word2">0</div></b></font> </button></body> <body> <button type="button3" id="button3" onclick="func3()"> <font size="5" color="red"><b><div id="word3">0</div></b></font> </button> <script language="javascript" type="text/javascript"> const button1 = document.getElementById("button1"); const button2 = document.getElementById("button2"); const button3 = document.getElementById("button3"); let flg = false; const output_csv_el = document.querySelector('#output_csv'); let data_array = []; let data_string = []; let len let word11=0; let word22=0; let word33=0; result = []; function getCSV(){ var req = new XMLHttpRequest(); // HTTPでファイルを読み込むためのXMLHttpRrequestオブジェクトを生成 req.open("get", "sample.csv", true); // アクセスするファイルを指定 req.send(null); // HTTPリクエストの発行 // レスポンスが返ってきたらconvertCSVtoArray()を呼ぶ req.onload = function(){ convertCSVtoArray(req.responseText,word11); // 渡されるのは読み込んだCSVデータ } } // 読み込んだCSVデータを二次元配列に変換する関数convertCSVtoArray()の定義 function convertCSVtoArray(str){ // 読み込んだCSVデータが文字列として渡される // 最終的な二次元配列を入れるための配列 var tmp = str.split("\n"); // 改行を区切り文字として行を要素とした配列を生成 // 各行ごとにカンマで区切った文字列を要素とした二次元配列を生成 for(var i=0;i<tmp.length;++i){ result[i] = tmp[i].split(','); } word11=result[5][2]; //ここが反映されない word22=result[6][2]; //ここが反映されない word33=result[7][2]; //ここが反映されない 　　 } getCSV(); //　CSV読み込み const func1 = () => { if (flg) { button1.style.border = "solid 2px red"; button1.style.borderRadius = "20px"; button1.style.backgroundColor = "orange"; } else { button1.style.border = "dashed 4px blue"; button1.style.borderRadius = "0px"; button1.style.backgroundColor = "lightblue"; } flg = !flg; } const func2 = () => { if (flg) { button2.style.border = "solid 2px red"; button2.style.borderRadius = "20px"; button2.style.backgroundColor = "orange"; } else { button2.style.border = "dashed 4px blue"; button2.style.borderRadius = "0px"; button2.style.backgroundColor = "lightblue"; } flg = !flg; } const func3 = () => { if (flg) { button3.style.border = "solid 2px red"; button3.style.borderRadius = "20px"; button3.style.backgroundColor = "orange"; } else { button3.style.border = "dashed 4px blue"; button3.style.borderRadius = "0px"; button3.style.backgroundColor = "lightblue"; } flg = !flg; } document.getElementById("word1").innerHTML = word11; document.getElementById("word2").innerHTML = word22; document.getElementById("word3").innerHTML = word33; </script> </head> </html>

  • セレクトボックスで選んだ配列を呼び込むプログラム。

    以下は、セレクトボックス1と2でそれぞれ松山市と高松市を選んだら、配列を呼び出すことができるプログラムです。 <script type="text/javascript"> function change() { if (document.getElementById("selbox")) { selboxValue = document.getElementById("selbox").value; if (selboxValue == "1") { //文字1を表示 document.getElementById("txt1").style.display = ""; //文字2を非表示 document.getElementById("txt2").style.display = "none"; } else if (selboxValue == "2") { //文字2を表示 document.getElementById("txt2").style.display = ""; //文字1を非表示 document.getElementById("txt1").style.display = "none"; } } } function kotae() { ten=0 if((f.q1.value == "松山市"&&f.q2.value == "高松市")||(f.q1.value == "高松市"&&f.q2.value == "松山市")) {f.q1.style.backgroundColor="aqua ";ten = ten + 50} else f.q1.style.backgroundColor="red" if(f.q3.value == "名古屋市"){f.q3.style.backgroundColor="aqua ";ten = ten + 25} else f.q3.style.backgroundColor="red" if(f.q4.value == "金沢市") {f.q4.style.backgroundColor="aqua ";ten = ten + 25} else f.q4.style.backgroundColor="red" f.tokuten.value=ten const keywords = ['あいうえお','かきくけこ', 'さしすせそ']; if (f.tokuten.value=50) { for (let i = 0; i < keywords.length; i++) { console.log(f.rank.value=keywords[0]); }} else if(f.tokuten.value >=20){f.rank.value = 'B'} else if(f.tokuten.value >=15){f.rank.value = 'C'} else if(f.tokuten.value <10){f.rank.value = 'D'} //ここまで } </script> <body> <form name="f"> 愛媛県の県庁所在地は <select name="q1"> <option>選択肢</option> <option>名古屋市</option> <option>松山市</option> <option>金沢市</option> <option>高松市</option> </select> です。 <p> 香川県の県庁所在地は <select name="q2"> <option>選択肢</option> <option>名古屋市</option> <option>松山市</option> <option>金沢市</option> <option>高松市</option> </select> です。<p> 愛知県の県庁所在地は <select name="q3"> <option>選択肢</option> <option>名古屋市</option> <option>松山市</option> <option>金沢市</option> <option>高松市</option> </select> です。<p> 石川県の県庁所在地は <select name="q4"> <option>選択肢</option> <option>名古屋市</option> <option>松山市</option> <option>金沢市</option> <option>高松市</option> </select> です。<p> <input type="button" name="b1" value="答え合わせ" onclick="kotae()"> <p> <input name=tokuten size="6">点 <!--HTMLここから--> <input name=rank class="hoge">ランク <!--HTMLここまで--> しかし、僕はもうちょっと踏み込んだところまで行きたいのです。 ブラウザに表示させたいのです。 document.writeで書くと別のページに遷移してしまうし、 一方でalertだと文章が読みづらいです。 ブラウザに配列を表示するものは以下のプログラムですが、 <script> var todo = ['メール確認', '日報送信', 'スケジュール確認', '資料作成']; for (var i = 0; i < todo.length; i++) { 　var todoList = document.createElement('li'); 　todoList.textContent = todo[i]; 　document.getElementById('list').appendChild(todoList); } </script> ただ、これだとセレクトボックスで松山市と高松市を選んだ場合の表示ができません。どうしたらいいのでしょうか。 どうしたらいいのでしょうか。

  • JavascriptからSQLへ繋ぎ方が分からない

    archive.phpに信号を渡すのに$配列を渡して表示させることは可能でしょうか？ Ajaxでphp側のMySQLを呼び出すのは難しそうなため懸念しております。 ※参考サイト https://blog.ver001.com/javascript-select-onchange-display-none/ ※該当ファイル(strorage.phpはcronです。) https://wandbox.org/permlink/fhJ2DJMkP50tbNRn <div class="selectbox"> <select name="top"> <option value="">年を選択</option> <option value="op-a">2021</option> <option value="op-b">2022</option> </select> <select name="op-a"> <option value="">2021グループから選択</option> <option value="op-a-1">1</option> <option value="op-a-2">2</option> <option value="op-a-3">3</option> <option value="op-a-4">4</option> <option value="op-a-5">5</option> <option value="op-a-6">6</option> <option value="op-a-7">7</option> <option value="op-a-8">8</option> <option value="op-a-9">9</option> <option value="op-a-10">10</option> <option value="op-a-11">11</option> <option value="op-a-12">12</option> </select> <select name="op-b"> <option value="">2022グループから選択</option> <option value="op-a-1-1">1</option> <option value="op-a-1-2">2</option> <option value="op-a-1-3">3</option> <option value="op-a-1-4">4</option> <option value="op-a-1-5">5</option> <option value="op-a-1-6">6</option> <option value="op-a-1-7">7</option> <option value="op-a-1-8">8</option> <option value="op-a-1-9">9</option> <option value="op-a-1-10">10</option> <option value="op-a-1-11">11</option> <option value="op-a-1-12">12</option> </select> <style> .selectbox select:not(select[name=top]) { display:none; } </style> <script> window.addEventListener('load', function () { //onchangeイベントの設定 document.querySelectorAll('.selectbox select').forEach(elm => { elm.onchange = function () { let elm2 = document.getElementsByName(this.value)[0]; if (elm2) { elm.style.display = 'none'; elm2.style.display = 'block'; } } }); </script>

  • 2段階プルダウンで年月アーカイブを作りたい

    <!DOCTYPE html> <meta charset="utf-8"> <title></title> <style> </style> <body> <select name="OS" id="A"> <option value="">OSを選択</option> <option value="Windows">Windows</option> <option value="Android">Android</option> <option value="iOS">iOS</option> <select> <select name="version" id="B"> </select> <script> let versionArray = new Array(); versionArray[''] = new Array('バージョン情報'); versionArray['Windows'] = new Array('XP', 'Vista', '7', '8', '8.1', '10'); versionArray['Android'] = new Array('7 (Nougat)', '8 (Oreo)', '9 (Pie)', '10'); versionArray['iOS'] = new Array('10以下', '11', '12', '13'); function replaceOptions (e, ary) { e.replaceChildren (...ary.map (a=> new Option (a))); }//汎用性を上げるなら new Option (...a)が望ましい e.append (...ops); } function replaceVersion () { replaceOptions (B, versionArray[A.value]); } function handler (event) { let e = event.target; switch (true) { case A == e : replaceVersion (); A.style.display = 'none'; break; } } document.addEventListener ('change', handler, false); replaceVersion (); </script>

  • 2段階プルダウンで表示内容を切り替えたい

    下記コードで1段階目の選択を終えた後にdocument.getElementById('').style.display = "none";を使い非表示にしたうえで2段階目の選択を表示させたいのですがどのように作ればよいでしょうか？ ※参考サイト https://bonoponz.hatenablog.com/entry/2020/05/12/%E3%80%90Web%E3%80%91%E3%83%97%E3%83%AB%E3%83%80%E3%82%A6%E3%83%B3%E3%81%A7%E8%A1%A8%E7%A4%BA%E5%86%85%E5%AE%B9%E3%82%92%E5%88%87%E3%82%8A%E6%9B%BF%E3%81%88%E3%82%8B ※該当コード <select name="OS"> <option value="">OSを選択</option> <option value="Windows">Windows</option> <option value="Android">Android</option> <option value="iOS">iOS</option> <select> <select name="version"> </select> <script> let versionArray = new Array(); versionArray[''] = new Array('バージョン情報'); versionArray['Windows'] = new Array('XP', 'Vista', '7', '8', '8.1', '10'); versionArray['Android'] = new Array('7 (Nougat)', '8 (Oreo)', '9 (Pie)', '10'); versionArray['iOS'] = new Array('10以下', '11', '12', '13'); document.getElementsByName('OS')[0].onchange = function () { let os = this.value; let elm = document.getElementsByName('version')[0]; elm.options.length = 0; for (let i = 0; i < versionArray[os].length; i++) { let op = document.createElement('option'); op.value = versionArray[os][i]; op.textContent = versionArray[os][i]; elm.appendChild(op); } }; window.onload = function () { document.getElementsByName('OS')[0].onchange(); }; </script>

  • jsで配列内の文字を改行したいです。

    次のjsの文章があります。 <script type="text/javascript"> function kotae() { ten=0 if((f.q1.value == "松山市"&&f.q2.value == "高松市")||(f.q1.value == "高松市"&&f.q2.value == "松山市")){f.q1.style.backgroundColor="aqua ";ten = ten + 50} else f.q1.style.backgroundColor="red" if(f.q3.value == "名古屋市"){f.q3.style.backgroundColor="aqua ";ten = ten + 25} else f.q3.style.backgroundColor="red" if(f.q4.value == "金沢市") {f.q4.style.backgroundColor="aqua ";ten = ten + 25} else f.q4.style.backgroundColor="red" f.tokuten.value=ten const keywords = ['あいうえお','かきくけこ', 'さしすせそ']; if (f.tokuten.value=50) { for (let i = 0; i < keywords.length; i++) { console.log(f.rank.value=keywords[0]); }} else if(f.tokuten.value >=20){f.rank.value = 'B'} else if(f.tokuten.value >=15){f.rank.value = 'C'} else if(f.tokuten.value <10){f.rank.value = 'D'} //ここまで } </script> これは、1問目と2問目をそれぞれ松山市と高松市と入力すれば50と出力されるようなプログラムになっています。 さらに、そこに加えて、それとは別に配列が用意され、50の場合には、あいうえおと出力されるようなプログラムになっています。 ところが、例えば仮にあいうとえおという風に開業することができません。 もとから配列はそのような挙動は不可能なのでしょうか。 配列でも文章内改行が可能であればそれを使いたいのですが…。

  • jsで例えば、配列自体に以上未満の意味を持つやつ。

    タイトルの文字制限上短すぎてよくわからなくなっていますが、こういうことです。 jsで例えば、配列自体に以上、未満の意味を持ち、その配列から次の配列を呼び起こすものは何というものでしょうか。配列の書き方もわかりません。 具体的には、 [1,5,10,15,25] [100,200,300,400,500]とあり、 1以上5未満の時、100と返し、5以上10未満の時、200と返すやつを何というのでしょう。

  • 運賃と定期（運賃）を一緒に動くようにさせたいです。

    以下はそのjsです。 <script> const vals = { 'sb01sb02':3.7, 'sb01sb03':7.8, 'sb01sb04':10.2, 'sb01sb05':12.1, 'sb02sb03':4.1, 'sb02sb04':6.5, 'sb02sb05':8.4, 'sb03sb04':2.4, 'sb03sb05':4.3, 'sb04sb05':1.9, 'a0b0': 1.2, 'a0b1': 12, 'a0b2': 28.8, }, len = [1,2,4,6,8,10,12,14,16], prc = ['運賃170(90),回数券1,700（900）,通勤_1か月6,540(3,270）_3か月18,640（9,320）_6か月35,320(17,660）,通学_1か月3,030(1,520)_3か月8,640(4,320)_6か月_16,370（8,190）', ['運賃170(90),回数券1,700（900）,通勤_1か月6,540(3,270）_3か月18,640（9,320）_6か月35,320(17,660）,通学_1か月3,030(1,520)_3か月8,640(4,320)_6か月_16,370（8,190）'], '運賃190(100),回数券1,900（1,000）,通勤_1か月7,360(3,680）_3か月20,980（10,490）_6か月39,750(19,880）,通学_1か月3,470(1,700)_3か月9,690(4,850)_6か月_18,360（9,180）', '運賃210(110),回数券2,100（1,100）,通勤_1か月8,180(4,090）_3か月23,320（11,680）_6か月44,180(22,090）,通学_1か月3,780(1,890)_3か月10,780(5,390)_6か月_20,420（10,210）', '運賃230(120),回数券2,300（1,200）,通勤_1か月8,990(4,500）_3か月25,630（12,820）_6か月48,550(24,280）,通学_1か月4,160(2,080)_3か月11,860(5,930)_6か月_22,470（11,240）', '運賃250(130),回数券2,500（1,300）,通勤_1か月9,810(4,910）_3か月27,960（13,980）_6か月52,980(26,490）,通学_1か月4,530(2,270)_3か月12,920(6,460)_6か月_24,470（12,240）', '運賃270(140),回数券2,700（1,400）,通勤_1か月10,620(5,310）_3か月30,270（15,140）_6か月57,350(28,680）,通学_1か月4,910(2,460)_3か月14,000(7,000)_6か月_26,520（13,260）', '運賃290(150),回数券2,900（1,500）,通勤_1か月11,450(5,730）_3か月32,840（16,320）_6か月52,980(30,920）,通学_1か月5,290(2,650)_3か月15,080(7,540)_6か月_28,570（14,290）'], f=(_,l=Math.floor(_))=>D.textContent=l?prc[len.findIndex(_=>_>l)]+'円':''; A.addEventListener('change',_=>f(vals[(_=B.value)+(__=C.value)]||vals[__+_])); </script> 自分がやったのは、prcとf=の部分を2回記述したのと、prcを2回記述して、f=(,l=Math.floor())=>D.textContent=l?prc[len.findIndex(=>>l)]+f=(,l=Math.floor())=>D.textContent=l?prc[len.findIndex(=>>l)]+'円':'';、 そして、同じくprcは2回記述しますが、f=の部分を省いたバージョンのを書きましたが、ことごとくエラー!!!になりました。 運賃と定期（運賃）を分割して表示したいです。 jsの部分を省略せずにお書きください。 構文だけをお書きになった場合、その構文をどこに入れたらいいのかや、追加の構文が必要であったりするのです。 僕にはその辺の想像力が欠如しています。

  • jsプログラムで切り上げ参照のところで困っています

    jsの切り上げ参照のプログラムを作っています。 以下の場合、切り上げは可能ですが、切り上げの対象で、例えば、3以上の時、 3を含まずに次の段階へもっていってしまうことが問題なのです。 つまり、以上未満の計算方法になってしまっています。 これを以上以下の計算にするにはどうしたらいいですか。 f=(_,l=Math.ceil(_))=>D.textContent=l?prc[len.findIndex(_=>_>l)]+'円':''; A.addEventListener('change',_=>f(vals[(_=B.value)+(__=C.value)]||vals[__+_]));

  • 運賃計算のプログラムを作っています。

    運賃検索のプログラムを作っています。例えば、中百舌鳥駅と深井駅を選択の順番を入れ替えても結果を同じにしたいです。 独自調査の結果、文字でやるより、数字でやったほうがsort関数が機能して、小さいもの順になって、挙動を同じにしやすいということが分かったので、文字→数字に変更しました。 そのsort関数を使った場合、 const vals = { 'sb01sb02':3.7, 'nakamozuizumigaoka':7.8, 'a0b0': 1.2, 'a0b1': 12, 'a0b2': 28.8, }, len = [ 3, 6, 15, 30, 50], prc = [140,160, 200, 250, 500], f=(,l=Math.round())=>D.textContent=l?prc[len.findIndex(=>>l)]+'円':''; A.addEventListener('change',_=>f(vals[B.value+C.value])); この挙動が動くようにしていただきたいです。 要するに関数を使用した後に関数を使用することはできないかということです。 それって今のプログラミングではできないのでしょうか。お力添えをいただきたいです。 それが無理なら、 const vals = { 'sb01sb02':3.7, 'nakamozuizumigaoka':7.8, 'a0b0': 1.2, 'a0b1': 12, 'a0b2': 28.8, },の'sb1sb2':3.7,の部分で、二度書きにならないようにする方法を試したいのです。 自分は、'sb01sb02'&'sb02sb01'や、&を二度書き連ねた方法、=をつなげた方法、二度書き連ねた方法などやってみましたが駄目でした。 も泣き寝入りです。 <!DOCTYPE html> <meta charset="utf-8"> <title></title> <style> </style> <body> <p id=A> <select id=B> <option value="">-- <option value="sb01">中百舌鳥 <option value="sb02">深井 <option value="sb03">泉ケ丘 <option value="sb04">栂・美木多 <option value="sb05">光明池 <option value="a0">a0 <option value="a1">a1 <option value="a2">a2 </select> <select id=C> <option value="">-- <option value="sb01">中百舌鳥 <option value="sb02">深井 <option value="sb03">泉ケ丘 <option value="sb04">栂・美木多 <option value="sb05">光明池 <option value="b0">b0 <option value="b1">b1 <option value="b2">b2 </select> </p> <p id=D></p> <script> const vals = { 'sb1sb2':3.7, 'nakamozuizumigaoka':7.8, 'a0b0': 1.2, 'a0b1': 12, 'a0b2': 28.8, }, len = [ 3, 6, 15, 30, 50], prc = [140,160, 200, 250, 500], f=(_,l=Math.round(_))=>D.textContent=l?prc[len.findIndex(_=>_>l)]+'円':''; A.addEventListener('change',_=>f(vals[B.value+C.value])); </script> 例えば起点駅を0として、ほかの駅に数字を張っておくとか、中百舌鳥～深井間をifで、最初に距離を与えておくとかいらないです。

  • セレクトボックスで、逆順に選択しても同じにしたい

    タイトルが意味不明ですが、要するに、 1つ目の選択肢に、中百舌鳥、深井、泉ケ丘、栂・美木多、光明池とあります。 2つ目の選択肢にも、同じように、中百舌鳥、深井、泉ケ丘、栂・美木多、光明池とあります。 これを、例えば、選択肢1で中百舌鳥、2で深井を選択したときと、逆の場合、 選択肢1で深井、2で中百舌鳥を選んだ場合とで、挙動が同じになるようにしたいです。 ちなみに結果は、190円と返ってきます。 どのようにしたらいいですか。 jsの部分は抜かさず記述してください。 以下はその文です。 <!DOCTYPE html> <meta charset="utf-8"> <title></title> <style> </style> <body> <p id=A> <select id=B> <option value="">-- <option value="nakamozu">中百舌鳥 <option value="fukai">深井 <option value="izumigaoka">泉ケ丘 <option value="togamikita">栂・美木多 <option value="komyoike">光明池 <option value="a0">a0 <option value="a1">a1 <option value="a2">a2 </select> <select id=C> <option value="">-- <option value="nakamozu">中百舌鳥 <option value="fukai">深井 <option value="izumigaoka">泉ケ丘 <option value="togamikita">栂・美木多 <option value="komyoike">光明池 <option value="b0">b0 <option value="b1">b1 <option value="b2">b2 </select> </p> <p id=D></p> <script> const vals = { 'nakamozufukai':3.7, 'nakamozuizumigaoka':7.8, 'a0b0': 1.2, 'a0b1': 12, 'a0b2': 28.8, }, len = [ 2, 4, 6, 8, 10], prc = [170,190, 210, 230, 250], f=(_,l=Math.round(_))=>D.textContent=l?prc[len.findIndex(_=>_>l)]+'円':''; A.addEventListener('change',_=>f(vals[B.value+C.value])); </script>

  • jsで運賃計算をしてみたい。

    jsで運賃計算をしてみたいです。以下はhtml文章です。 2つ項目を選択した後、回答をしてくれるところまで段階が進んでいます。 <select name="A"> <option value="">-- <option value="a0">a0 <option value="a1">a1 <option value="a2">a2 </select> <select name="B"> <option value="">-- <option value="b0">b0 <option value="b1">b1 <option value="b2">b2 </select> <p></p> <script> const mess = { 'a0b0': 'abcdefg', 'a0b1': 'hijklmn', }; document.addEventListener ('change', ()=> { let sels = document.querySelectorAll ('select[name="A"],select[name="B"]'); let key = [...sels].map (s=> s.value).join (''); document.querySelector('p').textContent = mess[key] || ''; }); </script> さて、ここの const mess = { 'a0b0': 'abcdefg', 'a0b1': 'hijklmn', };のうち、を'a0b0': 'abcdefg',の部分を'a0b0': '28.8',と書き換えます。 このconst messの部分で、出た値を、ifで検証し、1～3kmだったら、150円、その次は、else ifで、170円、その次は、else ifで、200円みたいなことをして、値を返すようなプログラムにするには、どのようにすればいいですか。 jsの部分を残らず書いてください。書き換えてもokです。

  • 電車の運賃を出すプログラムを作っています。

    a0とb0を選択したら、abcdefgを表示するプログラムができました。 あとは、a0とb0を選択した場合に、1.2なり、1.5なりという（ここは適宜変える）変数が与えられるように仕組み付けし、 それをif関数の判定を用いて、0>a>2（ここは会社によって違うため適宜変える）の時に、150円なり、170円なりすればいいと思うのですが、そのプログラムの構築の仕方が判りません。 html文はそのまま、js文（html文に直書き）は付け足しで行けると思います。どうすればいいでしょうか。能力なき者泣き寝入りせざるを得ませんか。 以下はそのhtml文です。 <select name="A"> <option value="">-- <option value="a0">a0 <option value="a1">a1 <option value="a2">a2 </select> <select name="B"> <option value="">-- <option value="b0">b0 <option value="b1">b1 <option value="b2">b2 </select> <p></p> <script> const mess = { 'a0b0': 'abcdefg', 'a0b1': 'hijklmn', }; document.addEventListener ('change', ()=> { let sels = document.querySelectorAll ('select[name="A"],select[name="B"]'); let key = [...sels].map (s=> s.value).join (''); document.querySelector('p').textContent = mess[key] || ''; }); </script>

  • プルダウンで選択した2つの値を

    例えば、プルダウンを2つ作り、2つから、晴れ、りんごと選択しいいねと表示させるプログラムを作成したいです。 この場合は、プルダウンは連動する必要がありません。 以下のプログラムを参考に作っているのですが、いかんせんうんともすんともいきません。 https://developer.mozilla.org/ja/docs/Learn/Java …。 どうしたらいいのでしょうか。能力がないものは泣き寝入りしかないのでしょうか。

  • プルダウンから1個選んで、豆知識を出すプログラム。

    論理上、jsを使えば、aを選んで、aの説明を表示させるプログラムを作成することはできるはずです。 https://muraumusic.com/javascript-lesson7/ それが↑の実装からわかります。 これは、心理テストで、選択肢の中から1個を選び、その人の性格を当てるものです。 この仕組みを使えばできるからです。 のはずが、同じようにhtmlとcssのコードをコピーしてもできないのはどうしてですか。 何が足りないのでしょう。 自分は、例えば、りんごを選択したら赤い果物と答えが出てくるプログラムを作りたいです。

  • Javascriptが動いてないです。

    Javascriptが動いてないです。どこがおかしいか教えてください

  • nodejsで画像の色を取得

    緊急地震速報などを自動で投稿するものをnodejsで作っているんですが、 画像の特定の座標の部分の色を特定したいのですが、どうやって取得すればよいでしょうか。 そして、その取得した色から震度を紐づける(?)にはどうすればよいですか。 色取得の方だけでも良いのでお応えいただけると幸いです。

  1. カテゴリ
  2. [技術者向] コンピューター
  3. プログラミング・開発
  4. JavaScript

カテゴリ