+ JavaScript の質問用スレッド vol.126 + [転載禁止]©2ch.net (740ﾚｽ)
上下前次1-新
251: 2022/04/23(土)04:13 ID:??? AAS
>>249 >>250
ありがとうございます。
すごい分かり易かったです。
252: 2022/04/29(金)18:35 ID:??? AAS
今だと非同期関数を作るときはasyncを付けます。
まだasyncが登場してない時ってどうやって自作の非同期関数を作っていたのでしょうか。
253(1): 2022/06/04(土)19:32 ID:??? AAS
どなたか教えてください。
<body>
<script>
var str = document.getElementById{"test").innerHTML;
str = str.replace(“やま”, “ほし”);
document.getElementById("test").innerHTML = str;
</script>
<div id=“test”>
<p>うみ</p>
<p>やま</p>
省9
254: 2022/06/04(土)21:56 ID:??? AAS
釣られないぞ
255: 2022/06/04(土)21:58 ID:??? AAS
>>253
ダブルクォートやカッコが間違ってる
scriptタグを</div>より後に
256: 2022/06/04(土)22:01 ID:??? AAS
DOMがreadyになってから実行しろって話じゃないの？
257: 2022/06/04(土)22:15 ID:??? AAS
みなさんレスありがとう。
()と”を’に置き換えて下記のようにしてみました
<div id=“test”>
<p>うみ</p>
<p >やま</p>
</div>
<script>
var str = document.getElementById('test').innerHTML;
str = str.replaceAll('うみ', 'ほし');
document.getElementById('test').innerHTML = str;
省2
258(1): 2022/06/04(土)22:44 ID:??? AAS
シングルクォートにしろという事ではなく全角ダブルクォートなのが間違い
<div id="test">
259: 2022/06/05(日)07:14 ID:??? AAS
>>258
半角だと思うのですがこれじゃだめなんですね。
260: 2022/06/05(日)07:20 ID:??? AAS
お騒がせしています
<div id="test">
<p>うみ</p>
<p >やま</p>
</div>
<script>
var str = document.getElementById("test").innerHTML;
str = str.replaceAll("うみ", "ほし");
document.getElementById("test").innerHTML = str;
</script>
省2
261: 2022/06/05(日)07:25 ID:??? AAS
すみません。混乱していて。
うまく表示されていたようです。
初歩的な事にレスをいただいてみなさんありがとうございました。
感謝します。
262: 2022/06/05(日)16:32 ID:GSVgB4j6(1) AAS
const express = require('express');
const server = express();
と書いた場合と、express(); の前に new を付けて、
const express = require('express');
const server = new express();
と書いた場合、何が違うのでしょうか？
同じように動作しているように見えます。
263(1): 2022/07/21(木)18:28 ID:bVEASdty(1) AAS
こういう鍵盤をイメージしたボタンが複数60Keyほどあって、鍵盤のキーをクリックしたらイベントを開始したい。
<span class="white-key" data-key="90" data-note="1c"><i>ド</i></span>
<span class="white-key" data-key="88" data-note="1d"><i>レ</i></span>
<span class="white-key" data-key="67" data-note="1e"><i>ミ</i></span>
.
.
.
しかし、id属性がないので、
let button = document.getElementById('xxx');
button.addEventListener('click', butotnClick);
省2
264(1): 2022/07/21(木)19:17 ID:??? AAS
要素を取得する方法の問題？
id属性がなくてもwhite-keyクラスがついてるってわかってるなら
外部ﾘﾝｸ:developer.mozilla.org
を使えば要素の一覧が取得できる
265(1): 2022/07/21(木)19:17 ID:??? AAS
>>263
classなりなんなり共通してる他の属性を使えばいい
document.querySelectorAll(".white-key, .black-key").forEach(elem => elem.addEventListener("click", buttonClick));
266: 2022/07/21(木)19:28 ID:??? AAS
>>264>>265
ありがとうございます。やってみます。この方法なら、keyごと（ボタンごと）に、
addEventListener()
つくらなくていいのかもしれないですね。
60個も、addEventListener()つくるのは面倒だなと思ってました。
267: 2022/07/21(木)19:31 ID:??? AAS
あ。いや。ボタン毎にaddEventListener()記述しないと、同じ音が出てしまうな。。
268(1): 2022/07/21(木)19:42 ID:??? AAS
繰り返しaddEventListenerでイベントハンドラ設定するのが嫌なら、
適当な親要素にイベントハンドラつけてそのイベントハンドラ内で
let button = event.target.closest(".white-key");
ってやればいいんじゃないかな
外部ﾘﾝｸ:developer.mozilla.org
269(1): 2022/07/21(木)23:38 ID:??? AAS
こんな感じかね
外部ﾘﾝｸ:jsfiddle.net
270: 2022/07/22(金)08:54 ID:LPjEgNsv(1) AAS
フリーランス向けエージェント「クラウドテック」会員数8万人突破
〜働きやすい環境構築のため、単価向上・全年齢の活躍の場創出・
地方企業のDX推進の取り組みを強化します〜
フリーランスエンジニア専門の案件一括検索サイト「フリーランススタート」、
累計掲載案件数25万件突破！リモートワークの累計掲載案件数35,000件突破！
新規人材の80%がフルリモート希望！ IT人材市況動向レポート2021年12月版を公開
人口移動報告 家賃高い、首都圏脱出 「コロナ禍、仕事フルリモート」
クラウドテック、地方企業向け『クラウドテックDX』を開始、
7万人を超えるDX人材が、地方の非IT企業のDX推進を支援
省3
上下前次1-新書関写板覧索設栞歴
あと 470 ﾚｽあります
ｽﾚ情報 赤ﾚｽ抽出 画像ﾚｽ抽出 歴の未読ｽﾚ AAｻﾑﾈｲﾙ
ぬこの手 ぬこTOP 0.009s