JavaScript

コメントを打ち込む所＝comment 送信のボタン＝b_send function send(){clear_fnc_validator('div_msg');var msg=$('#comment').val();if(msg!=""){var check_msg=replaceAll(msg," ","");check_msg=replaceAll(check_msg,"縲€","");if(check_msg==""){fnc_validator('comment','comment_err','遨ｺ逋ｽ縺�縺代�謚慕ｨｿ縺ｯ縺ｧ縺阪∪縺帙ｓ');return}if(!validator.isLength(msg,1,4000)){fnc_validator('comment','comment_err','蜈･蜉帶枚蟄玲焚縺碁聞縺吶℃縺ｾ縺�');return}msg=trim_space(msg,max_br);if(msg==false){fnc_validator('comment','comment_err','蜈･蜉帶ｬ�′遨ｺ逋ｽ縺ｧ縺�');return}}else{if(!img_src2){fnc_validator('comment','comment_err','蜈･蜉帶ｬ�′遨ｺ谺�〒縺�');return}}if(img_src2){var imgStructure=img_src2.split(',');if(imgStructure.length==2){var str=imgStructure[0];str=str.replace("data:image/","");str=str.replace(";base64","");if(str=="jpeg"||str=="png"||str=="gif"){}else{alert('豺ｻ莉倡判蜒上お繝ｩ繝ｼ縲ら判蜒上�縲）pg縲｝ng縲“if縺ｮ縺ｿ豺ｻ莉倥＠縺ｦ縺上□縺輔＞縲�');return}}else{alert('豺ｻ莉倡判蜒上お繝ｩ繝ｼ縲る∈謚槭＆繧後◆逕ｻ蜒上ｒ縺皮｢ｺ隱阪￥縺�縺輔＞');return}} この関数 sendを外部jsから起動したいのですが、どうすればいいのでしょうか。 ちなみにファイルの編集などはできません。

コメントの入力欄＝comment 送信ボタン＝b_send {$('#comment').css({'height':'45px'})}send()});$("#comment").on({'keyup':function(event){$('#b_send').removeAttr('disabled');if(event.keyCode==13&&isCtrl==true){send();isCtrl=false;return}else{isCtrl=false;var t=$(this).val();t=$.trim(t);if(t==''){if(during_wtite==1){during_wtite=0;clear_write_anime(uid)}}else{if(during_wtite==0){during_wtite=1;write_anime(uid)}}}}});$("#d_received_msg").on(_E.clickd,function(e){e.preventDefault();if($(e.target).hasClass('close_black')) 分かる方回答よろしくお願いします

JavaScript 第1問目 // [変数 - 右辺が変数を使った式1] // ---------------------------------------- // 変数sに、変数piの値に変数rの値を2回掛け合わせた値を代入してください let pi = 3.14; let r = 5; ×let s = ; console.log("円の面積は" + s); ※×は間違い。 第2問目 // ---------------------------------------- // [文字列 - 大文字に変換1] // ---------------------------------------- // 変数cの文字を大文字に変換して出力してください let c = "p"; ×console.log（toUpperCase+()); ※×は間違い。 第1問目 ×let s = ;のところですが、let s = (3.14*5)+(3.14*5);でも間違いです。変数sに、変数piの値に変数rの値を2回掛け合わせた値の計算方法やコードは何でしょうか？ 第2問目 ×console.log（toUpperCase+());のところですが、console.log（toUpperCase+("p"));やconsole.log（toUpperCase+("c"))は違います。console.log{toUpperCase+}も違います。大文字に変換するコードは何でしょうか？

JavaScript 問題１ （変数） // ---------------------------------------- // [変数 - 右辺が定数3] // ---------------------------------------- // 変数nameに文字列"taro"を代入してください △let name = "taro"; console.log("my name is " + name); ※△はエラー △let name = "taro";のところエラーになるのはどうしてでしょうか。 問題２ // ---------------------------------------- // [変数 - 変数の内容を出力2] // ---------------------------------------- // 変数nameの内容を出力してください △let name = "Tom"; console.log(); ※△はエラー △let name = Tom;のところエラーになるのはどうしてでしょうか。 △let name = "Tom";もエラーになる。

https://netroom.co.jp/ こちらのサイトで楽しく遊べるbotを作りたいのですが送信のボタンをクリックするイベントを起こしても送信できません。 どうすれば送信できるでしょうか？ JavaScriptです。 送信ボタンのid＝b_send 【スクリプト】 document.getElementById("b_send").click(); completion();

<button type="button" class="btn" id="b_send" > <img class="ic2" width="25" height="25" src="../css/icon/paper44.png"><img class="ic2w" width="25" height="25" src="../css/icon/paper44.png">送信　<span> CTR + ENTER </span> </button> とあるのですがjavascriptで送信しようとしても送信できません。 普通のサイトでは押したら送信されるはずなのにできません。 これはどうすればできるでしょうか。 回答よろしくお願いします

https://webings.net/js/ ↑のサンプルコード。たとえば一番下のスロットのサンプルコードをVSCODEのファイルにコピペして保存すればHtmlに本来そのコードが載ってるページのスロットがそのまま反映されるはずなのに僕の場合、添付した写真みたいに完全に反映されないのですよ。 他にもカレンダーをコピペして保存してもカレンダーそのものは反映されるのですが前月 次月をクリックしても ファイルにアクセスできませんでした と表示されてしまうのですよ どうすれば完全に反映されるようになりますか？ ちなみにwindows11です

今月からプログラマーになるべくjavascriptからプログラミング勉強始めたのですが効率的な勉強法って具体的にどんなのですか？ 僕はまずyoutubeで変数関数if文for文配列演算子といった基礎の基礎覚えて次に練習問題解きまくるといった勉強法をとってたのですがなんか違うと感じたんですよ だってペーパーテストみたく点数を競うのがプログラマーの仕事ではないのだから 長くて複雑なコードはいちいち覚えようとしないでコピー元を大量にストックしておいてすぐにコピペできる状態にしておけば良いのではと思ったのですよ で、 現在、コピペしつつ練習問題解きまくってるんですがこれでも何か違うと感じるんですよ 効率的な勉強法って具体的にどんなのですか？ また 変数関数if文for文配列演算子をはじめよく使うコードを分かりやすくまとめたコード集があったら紹介してくれると非常に助かります❗️

今月からプログラミングjavascriptの勉強始めて練習問題こなしてる最中ふと思ったのですが 関数 if for 配列 オブジェクトやら基礎の基礎さえ覚えればそれ以上暗記は必要ないのではないでしょうか！？ プログラマーは筆記試験みたいな得点を競う仕事ではないのだから学校の勉強みたく問題解きまくるのもあまり必要ないのではないでしょうか？ やたら長ったらしいゲームのコードとかはもちろん、練習問題によく出てくる関数での平均点の出し方とか二重for文とか多次元配列のインデックス数の比較とか長くて複雑なコードの解き方もわざわざ理解しようとしないで コピー元を沢山メモしておいてすぐにコピペできる状態にしておけば良いのではないでしょうか！？

Vueについて質問させてください。 Vueインスタンスについて、シングルトンインスタンスですが、 Vueが動いているブラウザ上でのシングルトンという認識でいいので　しょうか。 例えば、 サーバーサイドのフレームワーク（spring,laravel)でシングルトンだと、シングルトンインスタンスの値を更新したとすると別ブラウザ（別ユーザー）からの更新が反映されてしまったりすると思いますが、Vueはそうではないという認識でいいのでしょうか。 　

ブックマークレットについて javascript:(()=>{ const userPages = document.querySelectorAll('.userpage'); const targetUserPages = [...userPages].filter(e => isDateOutside(e)); console.log(`クリック対象`, targetUserPages.map(e=>e.querySelector('.answer.compatibility').textContent)); targetUserPages.map(e => e.querySelector('a.kitene_send_btn__text_wrapper').click()); function isDateOutside(userPage){ const textSplit = userPage.querySelector('.answer.compatibility').textContent.split(` `); const userDate = new Date(textSplit[0]); const startDate = new Date('2023/09/11'); const endDate = new Date('2023/10/31'); if(startDate <= userDate && userDate <= endDate){return false;} return true; } })(); ↑こちらのコードが日付を指定した範囲内をクリック除外で、他のボタンを全てクリックする状態になっているのですが、クリック数を5回までに絞る事は可能でしょうか？ ご教授頂ければと思いますので、宜しくお願い致します。

document.querySelectorAll('.userpage').forEach(user=>{if(user.querySelector('.answer.compatibility').textContent!=='2023/10/11 送信済')user.querySelector('a.kitene_send_btn__text_wrapper').click()}) こちらのコードの『2023/10/11 送信済』今の状態ですと、この日付のみ弾く形になるのですが、9月〇日～10月〇日までみたい感じで範囲を指定して弾くことは可能なのでしょうか？

javascript:{document.querySelectorAll('a.kitene_send_btn__text_wrapper').forEach(btn=>btn.click())} ↑一括選択をしてボタンを押すブックマークレットになるのですが、 <span class="answer compatibility">2023/10/11 送信済</span> ↑こちらのコードを範囲外にする場合は、どのような組み方にすればいいのでしょうか？ よろしくお願いいたします。

実現したいこと トップページのローディング画面について質問させてください。 現在、トップページにローディングを実装しています。 なお、ホームページ内のページ遷移からトップページ表示時は、ローディングを非表示にしています。 クライアント様から、検索画面→トップページ表示→検索画面に戻る→再度トップページ表示した際に、ローディングを表示したいとのご要望があり、試行錯誤しているところです。 ちなみに、’loading_bg’クラス・’body’タグは初めからdisplay:none;にしています。 ’loading_bg’は、ページ遷移の際に、トップページに行くとローディング画面がちらつくのが気になったためです。 ’body’タグは、ローディングが始まる前に一瞬読み込み前の画面が表示されるのが気になり、非表示にした方が気にならずに済んだからです。。。 /* ==================================== 　ローディング */ $(document).ready(function() { var time = new Date().getTime(); var h = $(window).height(); // セッションストレージから初回訪問のフラグを取得 var isFirstVisit = sessionStorage.getItem('isFirstVisit'); if (!isFirstVisit) { // 初回の訪問時にのみ実行 sessionStorage.setItem('isFirstVisit', 'true'); // セッションストレージに初回訪問情報を保存 showLoadingScreen(); // ローディング画面を表示する関数を呼び出す } else { // 2回目以降の訪問時には非表示 // ページ読み込みの際に非表示にするため、すぐに実行 hideLoadingScreen(); } // すべての読み込みが完了したら実行 $(window).on('load', function() { var now = new Date().getTime(); if (now - time <= 1000) { setTimeout(function() { stopload(); }, 1000 - (now - time)); } else { stopload(); } }); // 5秒たったら強制的にロード画面を非表示 $(function() { setTimeout(function() { stopload(); }, 5000); }); }); function showLoadingScreen() { var h = $(window).height(); $('.loading_bg').height(h).css('display', 'block'); } function hideLoadingScreen() { // フェードアウトのアニメーションを追加 $('.loading_bg').fadeOut(500, function() { // アニメーション完了後、非表示にする $(this).css('display', 'none'); }); } function stopload() { hideLoadingScreen(); // ローディング画面を非表示にする $(".wrapper").animate({ "opacity": 1 }, 500); } // ローディングの直前に表示を戻す document.addEventListener('DOMContentLoaded', function() { document.body.style.display = 'block'; });

こんにちは。 配列として[ 　{name:'りんご',aji:'あまい'}, 　{name:'みかん',aji:'あまい'}, 　{name:'りんご',aji:'すっぱい'}, 　{name:'みかん',aji:'あまい'}} 　]; こんなデータがあったとします。 これを[ 　{name:'りんご',amai:1,suppai:1}, 　{name:'みかん',amai:2,suppai:0} 　]; という形にするにはどの様にコードを書けばよろしいのでしょうか？

Edgeでのjavascript上でcreatetextRang()関数の代替方法するにはどうすればよいですか？

おそれいります。 現在、子ウインドウで、window.opener.document.getElementById('text1').value='4444'; window.opener.document.getElementById('text2').value='こんにちは'; window.opener.document.getElementById('text3').value='今日は晴れ'; として、親ウィンドウで <input type="text" id="text1"> <input type="text" id="text2"> <input type="text" id="text3"> へ値をセット出来ているのですが、 この記述の流れで親ウィンドウのチェックボックスを子ウィンドウからtrueにすることはできるでしょうか。よろしくお願いします。

アコーディオンメニューを導入しようと思い、こちらのサイトの https://b-risk.jp/blog/2021/11/accordion/#1 1つ開くと他の項目が閉じるアコーディオンのコードをコピペしましたが、表示はされますが動きません。 コードはコピペしただけなので、まったく変更していません。 たぶん、jQueryを読み込んでいないのだと思います。 Chromeのデベロッパーツールを開きConsoleタブが開いたら Failed to load resource: the server responded with a status of 404 (Not Found) Failed to load resource: the server responded with a status of 400 (Bad Request) というメッセージが出ます。 jQuery自体は</head>の上に <script type="text/javascript" src="js/jquery-3.7.1.min.js"></script> と記載し動作は確認済みです。 アコーディオンメニューのjQueryコードは</body>の上に記載しています。 コードは次のとおりです。 ■HTML <div class="qa"> <div class="q">Q1.○○？</div> <div class="a">A1.✕✕！</div> </div> <div class="qa"> <div class="q">Q2.○○？</div> <div class="a">A2.✕✕！</div> </div> <div class="qa"> <div class="q">Q3.○○？</div> <div class="a">A3.✕✕！</div> </div> <div class="qa"> <div class="q">Q4.○○？</div> <div class="a">A4.✕✕！</div> </div> <div class="qa"> <div class="q">Q5.○○？</div> <div class="a">A5.✕✕！</div> </div> ■CSS .qa { font-size: 20px; .q { background-color: mediumseagreen; height: 60px; padding: 15px 40px 15px 15px; position: relative; cursor: pointer; &:before { position: absolute; content: ""; display: block; width: 10px; height: 2px; background-color: #fff; right: 15px; top: 50%; transform: translate(0, -50%); } &:after { position: absolute; content: ""; display: block; width: 10px; height: 2px; background-color: #fff; right: 15px; top: 50%; transform: translate(0, -50%) rotate(90deg); } } .q.active { &:after { display: none; } } .a { background-color: greenyellow; height: 60px; display: none; padding: 15px; } } ■jQuery $('.q').click(function(){ $(this).siblings('.a').stop().slideToggle(); $('.q').not($(this)).siblings('.a').slideUp(); $(this).toggleClass('active'); $('.q').not($(this)).removeClass('active'); }); 以上、よろしくお願いいたします。

javascriptで運賃計算をやっていますが、 いかんせん、if文の挙動がきちんと動かず、運賃計算できません。 問題はifにかかる内容だと思われます。 セレクトBから中百舌鳥をセレクトCから深井を選択した場合と Bから中百舌鳥、Cから泉ケ丘を指定した場合に違う指定にしたいのですが、 挙動がうまくいきません。 if((A.B.value == "nakamozu")&&A.C.value=="fukai"))が間違っているものと思われます。 以下はそのhtml文です。 <!DOCTYPE html> <meta charset="utf-8"> <title></title> <style> </style> <body> <form id=A> <select id=B> <option value="">-- <option value="nakamozu">中百舌鳥 <option value="fukai">深井 <option value="izumigaoka">泉ケ丘 <option value="a0">a0 <option value="a1">a1 <option value="a2">a2 </select> セレクトBとCは同じなため、省略。 </form> <p id=D></p> <script> if((A.B.value == "nakamozu")&&A.C.value=="fukai")){ const vals = { 'nakamozufukai':3.7, }, len = [1, 2, 4, 6, 8, 10, 12, 14, 16], prc = ['運賃170(90),<br>回数券1,700（900）,<br>通勤_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）,<br>通勤_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）,<br>通勤_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）,<br>通勤_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）,<br>通勤_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）,<br>通勤_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）,<br>通勤_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）,<br>通勤_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.innerHTML = l ? prc[len.findIndex(_ => _ > l)] + '円' : ''; A.addEventListener('change', _ => f(vals[(_ = B.value) + (__ = C.value)] || vals[__ + _]));} else {const vals = { 'nakamozuizumigaoka':7.8, 'a0b0': 1.2, 'a0b1': 12, 'a0b2': 28.8, }, len = [1, 2, 4, 6, 8, 10, 12, 14, 16], prc = ['運賃170(90),<br>回数券1,700（900）,<br>通勤_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）,<br>通勤_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）,<br>通勤_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）,<br>通勤_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）,<br>通勤_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）,<br>通勤_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）,<br>通勤_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）,<br>通勤_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.innerHTML = l ? prc[len.findIndex(_ => _ > l)] + '円' : ''; A.addEventListener('change', _ => f(vals[(_ = B.value) + (__ = C.value)] || vals[__ + _])); } </script> if文の挙動がおかしいため、どうしても、表示がうまくいきません。 どうしたらいいですか。 後、scriptの内容は、1つ目のイベントの部分は残さず書いといてください。

恐れ入ります。 <script> function changeBoxColor( newColor ) { document.getElementById('irocolor').style.backgroundColor = newColor; } </script> <style> .b1{ background-color: #fffff0; } </style> <table border="1" id="irocolor"><tr><td> <a href="#" class="b1" onclick="changeBoxColor('#fffcf0');"></a> </td></tr></table> として、背景色の変更はできたのですが、この色コードを同一html内の<input type="hidden" name="color" value="XXXX">の中に代入したいのですが、方法が分かりません。よろしくお願い申し上げます。