JavaScript ランキング(3ページ目)

JavaScriptはWebページにアニメーションや効果を加えることができるプログラミング言語です。入門編のわかりやすいサイトや書籍を紹介してほしい、オブジェクト指向がわからない、文字列の操作を教えてほしい等こちらに投稿してみましょう。

回答数

気になる

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の場合には、あいうえおと出力されるようなプログラムになっています。ところが、例えば仮にあいうとえおという風に開業することができません。もとから配列はそのような挙動は不可能なのでしょうか。配列でも文章内改行が可能であればそれを使いたいのですが…。

質問日時: 2022/07/05 20:40 質問者: 福本英一

解決済

3

0
GoogleChartの組織図について

GoogleChartの組織図で、３つ下の階層までラインを引き延ばして各層のブロックを飛ばしたいのですが可能でしょうか？以下サイトに掲載されているコードを丸コピしています。 https://www.petitmonte.com/javascript/chart_orgchart.html よろしくお願いいたします。

質問日時: 2022/07/05 16:11 質問者: DDddDDdd11221122

ベストアンサー

3

0
jsで、len～(__=C.value)]||vals[__+_]))]));の部分を条件分岐

字数制限上タイトルがおかしなことになっていますが、要は、len～(__=C.value)]||vals[__+_]))]));の部分を条件分岐させたいのです。 javascriptのイベントが絡んでいるので、少しややこしいのですが、それは可能ですか。以前、配列について、他の質問サイトで質問した際、配列自体に、配列を参照し、1つ目の配列から、～以上～未満の数を2つ目の配列でif関数のように参照して、結果を出すというシステムはなく、イベントと組み合わさることによってそれがなされているものだと聞きました。となると、ひょっとしてイベントも関わってくるのでしょうか。どっちにせよ、これができるjsのプログラマーは日本に100人もいないと思います。以下はそのjsの文です。 var 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, 　 'b0a0': 1.2, 　　 'a0b1': 2.3, 　　　 'b1a0': 2.3, 　　　　 },　　　　　　　　　　　 len = [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)'],], [['定期券','190(100)'],['回数券','1,900(1,000）'], 　　　　　　　　　　　　　['通勤_1か月','7,360(3,680)'],['3か月','20,980(10,490)'],['6か月','39,750(19,880)'], 　　　　　　　　　　['通学_1か月','3,400(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,660）'],['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,480)'],['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,280)'],], 　　　　　　　　　　 [['定期券','290(150)'],['回数券','2,900(1,500）'], 　　　　 ['通勤_1か月','10,620(5,310)'],['3か月','30,270(15,140）'],['6か月','57,350(28,680)'], 　　　　 ['通学_1か月','5,290(2,650)'],['3か月','15,080(7,540)'],['6か月','28,570(14,290)'],], 　　　　　　　　　　 [['定期券','210(110)'],['回数券','2,100(1,100）'], 　　　　 ['通勤_1か月','8,180(4,090)'],['3か月','23,320(11,660）'],['6か月','44,180(22,090)'], 　　　　 ['通学_1か月','3,780(1,890)'],['3か月','10,780(5,390)'],['6か月','20,420(10,210)']],], 　　　　　　　 T=(a,b=document.createElement('tbody'))=> 　　　　　　 a.reduce((b,a)=> 　　　　　 (a.reduce((c,d)=> 　　　　 (c.insertCell().append(d),c),b.insertRow()),b),b), 　　　　　 F=_=> 　 _&&T(_,D,R(D.childNodes)), 　 R=_=> [..._].forEach (_=> _.remove()); 　 A.addEventListener('change',_=> 　　 F(prc[len.findIndex($=> 　　　 $>Math.floor(vals[(_=B.value)+(__=C.value)]||vals[__+_]))]));

質問日時: 2022/07/04 20:44 質問者: 福本英一

解決済

4

0
4

1度きりではなく、繰り返し、挙動が変わるようにしていただきたいです。

このプログラムだと、2回目に押すときは、さらに下に運賃の表示が出てきます。ではなくて、2回目に押す際は、その表示を初期化することはできないのでしょうか。 <!DOCTYPE html> <meta charset="utf-8"> 　<title></title> 　<style> 　　</style> 　　　　　　　<body> 　　　　　　　　　　　<body> 　　　　　　　<p id=A> 　　　　　　　　 <select id=B> 　　　　　　　　　 <option value="">-- 　　　　　　　　　　　　<option value="sb01">中百舌鳥　　　　　　　　　　　　<option value="sb02">深井　　　　　　　　　　　　<option value="sb03">泉ケ丘　　　　　　　　　 <option value="a0">a0 　　　　　　　　　　 <option value="a1">a1 　　　　　　　　　　 <option value="b0">b0 　　　　　　　　　　 <option value="b1">b1 　　　　　　　　　　 </select> 　　　　　　　　　　　　　　　　　　　 <select id=C> 　　　　　　　　　 <option value="">-- 　　　　　　　　　　　　<option value="sb01">中百舌鳥　　　　　　　　　　　　<option value="sb02">深井　　　　　　　　　　　　<option value="sb03">泉ケ丘　　　　　　　　 <option value="a0">a0 　　　　　　　 <option value="a1">a1 　　　　　　 <option value="b0">b0 　　　　　 <option value="b1">b1 　　　　 </select> 　　　</p> 　　<p>一回限り有効</p> 　<table id=D></table> 　 <script> var vals = { 'sb01sb02':3.7, 'sb01sb03':7.8, 'sb02sb03':4.1, 　 'a0b0': 1.2, 　 'b0a0': 1.2, 　　 'a0b1': 2.3, 　　　 'b1a0': 2.3, 　　　　 }, 　　　　　　　　　　　 len = [2,4,6,8,10,12,14,16], 　　　　　　　　　　　　　　　 prc = [ 　　　　　　　　　 [ 　　　　　　　　　 [ 　　　　　　　　　　 '運賃A', 　　　　　　　　　　 '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）' 　　　　　　　　　　 ], 　　　　　　　　　　 ], 　　　　　　　　　　 [ 　　　　　　　　　　 [ 　　　　　　　　　　 '運賃B', 　　　　　　　　　 '180(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）' 　　　　　　　　　　 ] 　　　　　　　　　 ], 　　　　　　　　　 ], 　　　　　　　　　　　　　　　 T=(a,b=document.createElement('tbody'))=> 　　　　　　 a.reduce((b,a)=> 　　　　　 (a.reduce((c,d)=> 　　　　 (c.insertCell().append(d),c),b.insertRow()),b),b), 　　　　　 F=_=> 　 _&&T(_,D), 　 R=_=> [..._].forEach (_=> _.remove()); 　 A.addEventListener('change',_=> 　　 F(prc[len.findIndex($=> 　　　 $>Math.floor(vals[(_=B.value)+(__=C.value)]||vals[__+_]))]));　　　　　　　</script>

質問日時: 2022/07/03 15:50 質問者: 福本英一

ベストアンサー

1

0
5

セレクトボックスを選んで点数を出した後、4段階評価するプログラム

以下のページの一番下にセレクトボックスを選択する方式の4択クイズがあります。 http://www2.kuma.u-tokai.ac.jp/~kfuji/hp/JavaScript/index.html これは、1問25点計算で、4問100点の問題です。この問題は、点数を出すことはできますが、S判定、A判定なり、評価を出すことができません。どのようにコードを書いて、どこの部分に挿入したらそれができるのでしょうか。

質問日時: 2022/07/03 07:23 質問者: 福本英一

ベストアンサー

1

0
6

jsでは、'で区切った部分を改行することはできない。〇か×か。

jsの質問です。例えば以下のようなhtmlがあるとして、 <!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 = { '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のところの’で囲まれた、運賃と回数券を改行させるような関数であったり、文字コードであったりするものはない。〇か×か。

質問日時: 2022/06/26 19:58 質問者: 福本英一

解決済

1

0
7

jsでは、関数を実行した後に関数を実行する挙動はできない〇か×か。

jsでは、関数を実行した後に関数を実行する挙動はできない〇か×か。もしできるのだとすれば、その実例をお上げください。

質問日時: 2022/06/25 07:02 質問者: 福本英一

ベストアンサー

2

0
8

中百舌鳥駅と深井駅を入れ替えて選択しても同じ挙動にしたいです。

要するに、1回目の選択で中百舌鳥、2回目で深井を選択するのと、逆に1回目で深井、2回目で中百舌鳥と選択した場合とで同じ挙動するプログラムを作りたいです。セレクトボックス内は数字に直しました。以下はそのhtml文です。jsの部分はすべてお書きください。もしこれに誰も答えられなかったら技術者は罵詈雑言を吐かれてもしょうがないものとみなします。 <!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 = { '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])); </script>

質問日時: 2022/06/24 18:45 質問者: 福本英一

解決済

2

0
9

変数のスコープの問題？

JavaScriptの初心者です。笑われるかも知れません（多分そんな初歩的な事と笑われそうです）が次のようなリストで思った通りに動かず悩んでいます。途中、window.alert　を挟んでいるのはプログラムの状態を見るためです。 fnc03()の　window.alert("fnc03");　までは思った通りに動くのですが、そのあとの処理に入るとエラーを起こすようで、処理が止ってしまうようです。この原因をお教え願えませんでしょうか？よろしくお願いします。 /************************************************ var c = document.getElementById('canvas'); var cnt = c.getContext('2d'); function init(){ window.alert("Start"); fnc01(); fnc02(); fnc03(); } function fnc01(){ window.alert("fnc01"); } function fnc02(){ window.alert("fnc02"); } function fnc03(){ window.alert("fnc03"); cnt.strokeStyle = 'yellow'; //線の色 cnt.lineWidth = 5; //円を描く cnt.arc(50,50,20,0,2*Math.PI); cnt.stroke(); } *************************************************/

質問日時: 2022/06/23 09:32 質問者: jimunobethy

ベストアンサー

3

0
10

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

a0とb0を選択したら、abcdefgを表示するプログラムができました。あとは、a0とb0を選択した場合に、1.2なり、1.5なりという（ここは適宜変える）変数が与えられるように仕組み付けし、それをif関数の判定を用いて、0>a>2（ここは会社によって違うため適宜変える）の時に、150円なり、170円なりすればいいと思うのですが、そのプログラムの構築の仕方が判りません。 html文はそのまま、js文（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>

質問日時: 2022/06/22 09:36 質問者: 福本英一

解決済

2

0
11

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

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

質問日時: 2022/06/21 17:27 質問者: 福本英一

解決済

2

0
12

jQueryでのレスポンシブが綺麗に動かない

media(); jQuery(window).on("resize", function(){ media(); }); function media() { // 横幅を取得 var width = jQuery(window).width(); if(width < 992) { jQuery('.pa').on('click', e=>{ jQuery(e.target).next('.pb').css('display', 'inline'); jQuery('.pb').click(function(){ jQuery('.pb').css('display','none') }) }); } } というコードで画面幅が992より小さくなった時にif文の中の動作をさせているのですが、ブラウザの幅を一回992より小さくすると再度992以上にしたときもそれが残って困っています。 if(width < 992) { jQuery('.pa').on('click', e=>{ jQuery(e.target).next('.pb').css('display', 'inline'); jQuery('.pb').click(function(){ jQuery('.pb').css('display','none') }) }); }else{ } のようにしてもダメでした。どこを改善すればいいかご教示お願いいたします。

質問日時: 2022/06/21 11:08 質問者: sakura393938

ベストアンサー

3

0
13

Json のキーと値の出力の違いについて

const user = [{ "id": 1, "name": "Yamada", "age": 22, "sex": "Male" }]; for(const [key, value] of Object.entries(user)) { console.log(key, value); console.log(`KEY is ${key} VALUE is ${value}`); } 上記コードなのですが、以下のようにコンソールに出力されます。 0 {id: 1, name: 'Yamada', age: 22, sex: 'Male'} KEY is 0 VALUE is [object Object] なぜ、異なる出力になるのかがわからずです。教えてください !

質問日時: 2022/06/14 20:22 質問者: i-d-a-i

ベストアンサー

2

1
14

JSON について

Javascript を学習しています。 JSON にもヘッダとボディがあると聞いたのですが、ボディ部分はおそらく、いつも目にしている以下のようなデータだと思っています。この考えで正しいでしょうか ? [ {"id": 1}, {"id": 2} ] ヘッダ部とはどこにあるのでしょうか ? 何かサンプルのようなものを頂ければと思いますが、、、宜しくお願いします !

質問日時: 2022/06/09 18:17 質問者: i-d-a-i

解決済

1

0
15

gasについて

Google Spreadsheetに溜め込んだデータを読み取り、予め作っておいたテンプレートに、データを埋め込み、新しくGoogle Documentの文書を作りたいです。参考コードをもとに作成してみたのですが動きません。どうすればいいかよろしくお願いします。 function myFunction() { // プログラム初期設定 var date = new Date(); var userProperties = PropertiesService.getScriptProperties(); var templateId = userProperties.getProperty('ドキュメントID'); // データを取得するスプレッドシートをオープン var spreadsheet = SpreadsheetApp.openById('スプレッドシートID'); var sheet = spreadsheet.getSheetByName('シート名'); for (var row = 2; row <= sheet.getLastRow(); row++) { // データを取得する var name = sheet.getRange(row, 2).getValue(); // 氏名 var classification = sheet.getRange(row, 5).getValue(); // 分類 var place = sheet.getRange(row, 4).getValue(); // 場所 var problem = sheet.getRange(row, 6).getValue(); // 問題 var cause = sheet.getRange(row, 7).getValue(); //原因 var improvement = sheet.getRange(row, 8).getValue(); //改善 var receipt = createReceipt(date, name, classification, place, problem, cause, improvement, templateId); } } function createReceipt(date, name, classification, place, problem, cause, improvement, templateId) { var formatDate = Utilities.formatDate(date, 'GMT', 'yyyy年MM月dd日'); var file = DriveApp.getFileById(templateId).makeCopy(formatDate + '_' + name + '様'); var receipt = DocumentApp.openById(file.getId()); receipt.getBody().replaceText('{{日付}}', formatDate); receipt.getBody().replaceText('{{氏名}}', name); receipt.getBody().replaceText('{{分類}}', classification); receipt.getBody().replaceText('{{所属}}', place); receipt.getBody().replaceText('{{問題}}', problem); receipt.getBody().replaceText('{{原因}}', cause); receipt.getBody().replaceText('{{改善}}', improvement); return receipt; }

質問日時: 2022/05/31 21:51 質問者: わさのしん

解決済

1

0
16

テーブルの中のセレクトボックスの値が０のとき、非表示にしたい

こんにちは。「商品名」「価格」「数量」のテーブルで注文フォームを作っています。「数量」の部分をセレクトボックスにしており、０〜３の値が選択でき、初期値は０です。フォームの確認画面へ移行したときに数量が０の行を非表示にしたいと思っており、 JavaScriptで以上のようなことを実装できないか模索しております。ヒントでも結構ですので、お教えいただけると助かります。よろしくお願いします。

質問日時: 2022/05/29 10:13 質問者: mokke3

解決済

3

0
17

Reactの勉強

現在Reactについて勉強しています。JavaScriptとTypeScriptについては基本的なことしか分からないのですが、効果的な学習法はありますか？

質問日時: 2022/05/22 16:31 質問者: オバケイ

解決済

2

0
18

カラーミーショップのsectionループ内で、[引数][戻り値]ありの関数的な処理を行いたいです。

カラーミーショップの共通テンプレート内に関数を設置したいです。 SmartyかJavascriptのどちらかでお願いします。１）共通テンプレート内のsectionループ内から呼び出す２）function_name(引数)　※引数はURLでループが回る毎に変化する３）関数は引数（URL）の一部を抜き取って戻り値として返す４）呼び出し元のsectionループ内では、関数の戻り値を使って新たなURLを作って処理をする５）戻り値の戻し方はsectionループ内で利用できれば何でも良い実際には、関数を作らなくてもカラーミーショップのsectionループ内で文字列操作して上記の処理ができればそれで良いです。なにとぞよろしくお願いいたします。m(__)m

質問日時: 2022/05/07 19:39 質問者: tadahyou

解決済

1

0
19

useStateの分割代入について

教えてください。プログラミング初心者です。 Reactで以下の構文がありますが、分割代入と書かれているサイトによく書かれています。但し、分割代入のイメージ、動きが解りません。動きとしては、 ReactのライブラリであるuseStateで、この構文が書かれているコンポーネント内に保持している値を第1引数から取得？して(初回は第1引数のみ利用)、それ以降は更新されている設定値を同じ第1引数から得て、第2引数の関数でuseStateに持っている引数値で更新するという理解でよろしいでしょうか？ const [state, setState] = useState(initialState);

質問日時: 2022/05/06 10:02 質問者: ymoshimoshi

解決済

1

0