…そりゃそうだ。ありがとうございます。
頭にその発想が全くありませんでした

>>50
駄目でしたぁ…帰ってきたhtmlを、window.openして、document.write(戻り値)で、書き込み。
ページは表示できるけど、urlは元ページから変更されない為、相対パスで記載されてるjsをロードできずエラー。

むしろ別サイトの画面から、CORS使って別サイトからのアクセス許容させた認証サイトにPOSTしてトークン貰ってきたらどうだろうか？

aaa.jp　サイト名1
bbb.com　サイト名2

↑html内にこういうリンクとサイト名があった時

↓htmlを実行した時にだけこういう風にプルダウンメニューで自動でタグ挿入するjavascriptはどう記述すんの
<select>
<option value="">リンク
<option value="aaa.jp">サイト名1
<option value="bbb.com">サイト名2
</select>

optionタグ大量に記述するより開いた時にだけ挿入する方がソーススッキリするし

<select id="">
<option value="sitelinks">リンク
</select>
<スクリプト>
const links = [
['aaa.jp', 'サイト名1'],
['bbb.com', 'サイト名2'],
];
document.querySelector('#sitelinks').innerHTML += links.reduce((acc, [url, name]) => acc + `<option value="${url}">${name}`, '');
</スクリプト>

なんかスクリプトタグで書き込みエラーなったみたいだからカタカナで。

質問いいでしょうか。当方、かなりのJavaScript初心者のため、質問の意味が分かりにくかったらすみません。
スマホ上で、図のようなドーナッツ型の要素の上を①から順に指でなぞり、一度も画面から指を離さずに③までなぞったら背景色が変わる、⑥までなぞったら背景色が変わる、一周して①まで戻ったら別ページに飛ぶ(斜線部にはみ出たらだめ、最初からやり直し)というものを作りたいのですが、可能でしょうか。
touchmoveイベントで、①から⑧までの通過点を指定して、それらの通過点まで来たら何か起こるようにする、ということは出来ますか。
もし分かる方がいたら、教えてもらえますか。よろしくお願いします。

できません。
スマホの基本はボタンを画面に並べてそれを押してもらうことです。

まず、小さな画面のラインを精密になぞり続けるというのが不可能な人間が大勢います。
そして、世の中にはそれをWebで実行するだけのハード性能と精度を備えていないスマホが大量にあります。

日本で人気のあるスマホは大画面で特別高スペックなので勘違いしがちですが、
スマホでそのようなことを考えることがそもそもナンセンスです。

基本なんか聞いてません。
ジジイのUX論なんか聞いてません。
発展途上国のことなんか知りません。
分からないなら黙って発展途上国にお帰りください（笑）

>>57
できます。実装方法はいろいろあると思います。
原始的で素朴（だけどめんどくさい）実装は、①から⑧までのx座標とy座標と半径または直径の情報を持っておいて、
さらに①通過フラグから⑧通過フラグまでを初期値falseでグローバルに用意しておきます。
touchstartとtouchendには①通過フラグから⑧通過フラグまでのfalseリセット処理を書いておきます。
touchmoveには、ドーナツ外の座標だったら①通過フラグから⑧通過フラグまでのfalseリセット処理と、以下の判定処理を書きます
①領域内(①のx,y,半径と現在x,yから計算)なら
　①通過フラグから⑧通過フラグまですべてtrueなら別ページに飛ぶ処理
　そうではなく①通過フラグから⑧通過フラグまですべてfalseなら①通過フラグにtrueセット
　そうではなく①通過フラグがtrueかつ②通過フラグから⑧通過フラグまですべてfalseならなにもしない
　それ以外なら①通過フラグから⑧通過フラグまでfalseリセット
②領域内(計算)なら
　①通過フラグがtrueかつ②通過フラグから⑧通過フラグまですべてfalseなら②通過フラグにtrueセット
　そうではなく①通過フラグがtrueかつ②通過フラグがtrueかつ③通過フラグから⑧通過フラグまですべてfalseならなにもしない
　それ以外なら①通過フラグから⑧通過フラグまでfalseリセット
③領域内(計算)なら
　①通過フラグがtrueかつ②通過フラグがtrueかつ③通過フラグから⑧通過フラグまですべてfalseなら③通過フラグにtrueセットし、背景色を変える処理
　そうではなく①通過フラグがtrueかつ②通過フラグがtrueかつ③通過フラグがtrueかつ④通過フラグから⑧通過フラグまですべてfalseならなにもしない
　それ以外なら①通過フラグから⑧通過フラグまでfalseリセット

という風に地道に書いていきます。

そんなアホな実装があるか
Canvas使えばパス内に座標があるか教えてくれるのだから
ドーナツパス内に無ければリセット、
各数字円パス内あればその数字に触れたとすればいいだけだろ

へえ、canvasでtouchmoveイベント使えるんだ。知らなかった。
あと、回答してやれよ。他人にケチつけてないで。

回答になってる
できるかできないかというだけの質問に対して道筋まで示してるんだから十二分だろ
これ以上は余計なお世話と言うもの

それにどうせ細かく示しても質問者がそのとおり作れるわけではないんだから
流石にそろそろPointerEvents使えよとか一々突っ込むのも面倒だし
あとは「自ら」頑張ればいいさ

>>62
あとお前にケチつけてるわけではないから
質問者に安価つけてもとてもまともじゃなさそうだから
お前に言っただけだから

57です。>>60 >>61回答していただきありがとうございました。あとは自分で取り組んでみます。

あとは　と言いう言葉が出る時点でもう成功することはない
君はまだスタートラインにも経っていない　1mmも進んでいない
あとは　ではなく　全部　君が取り組もうという気がなければゴールにはたどり着けない

自己紹介乙。
お前みたいなミジメな人生にならないよう頑張るわｗｗ

>>67
お前キチガイか？
ここの住民と人生比べてるようじゃオシマイやぞ
ちゃんともっとマシなところを見て黙って頑張れ

お前の人生そんなに終わってるのかｗ
かわいそｗｗｗ

同情は良いから 勿体ない
お前に人に同情できるほどの余裕はないだろ
自分だけを可愛がってろ

涙拭けよｗｗｗｗ

以上
GPT-3どうしの日本語レスバトル
いかかでしたでしょうか？
面白いと思ってくれた方はこちらのリポジトリをフォローください
http://github.com/openai/gpt-3

canvas上にある座標x,yをclickイベントでクリックしたいのですが可能でしょうか？
canvas上のx,yにのせた現在のマウスポインタの位置をクリックでも構いません。
もしやり方があったらお教え下さい。

質問文の「clickイベントでクリックしたい」は書かれたままの意味なんだろか？

>>74
ありがとうございます
早速見てきます

>>75
domelement.click()とかでbuttonやaやimgなんかを押すように
canvas上に配置された非html要素のボタンを
マウスでクリックした時同様に押したいという意味です

どう見ても製作者サイドの質問だと思うが…

どう見たら製作者サイドの質問だと思うのか…

一応、現状でV8だと、配列のindex値と見なせるもの(0,1,2,...)の昇順に続き、それ以外の文字列プロパティ定義順、が得られる。Object.keysとかだとこれにSymbol値が続く。

オブジェクトのプロパティの列挙順は仕様上保証されているものではない。

従って、プロパティの順序が重要であれば、Mapを使うか、他の方法で順序管理するか、で対応するべき。

仕様上保証されていないわけないでしょ
なにさらっといい加減なこと言ってんの

>>82
仕様にも明記されてるんだけど
なにいい加減なこと言ってんの？

確かに仕様には明記されてるね
はっきりと順序がね
http://tc39.es/ecma262/#sec-%foriniteratorprototype%.next
http://tc39.es/ecma262/#sec-integer-indexed-exotic-objects-ownpropertykeys

>>84
また噓つきかよw

>>85
嘘つきとまでは言う気はないが、仕様について語るのなら
ちゃんと仕様を確認した方が良いわな

>>86

>>84が噓つきだと言われてんだぞ
本人なら救いようがないかも

13.7.5.15 EnumerateObjectProperties
The mechanics and order of enumerating the properties is not specified
http://tc39.es/ecma262/#sec-enumerate-object-properties

ES2020で関連箇所に変更が入ったけどそれはfor-inの列挙順が仕様で保証されるようになったわけじゃない
(これ勘違いしてる人が多い)
http://github.com/tc39/proposal-for-in-order

ProxyでownKeys使えば、Object.getOwnPropertyNamesとかReflect.ownKeysとかでイテレートすると任意の順でイテレート出来るって話も。
enumerateとかは廃止されたけれど、あれはfor...inの順序は弄れなかった？

その辺の拡張を意識して、列挙順を保証したくないんじゃないのか、という気がするねぇ。もう10年したら保証されてたりするのかねぇ？

>>88
いや、勘違いしてるのは君だから
ちゃんとその下読んでる？
互換性のために定義されていないのはProxyだったり外様オブジェクトが介在する特殊な状況だけ
そしてそこで定義できないのはある意味当たり前
しかし一般にはCreateForInIteratorで処理するとされてその順序は定義されている

☓定義されている
☓定義されていない
○ECMA仕様では一部定義されるようになった
○ECMA仕様では定義されたが例外も多い

そもそも>>80がECMA仕様のことを聞いてると考えるのが間違っている
普通の人はECMA仕様にどう書いてあるかを考えたりはしないし興味はない
昔は順番が保証されないと聞いたが今はどうなのかという質問だろう

とすると昔が実際にバラバラだったが、今は揃ってきてるよ
でもいつも絶対に同じになると思ってると怪我するかもしれないよと
質問者が昔聞いたであろう雰囲気的に答えるのが良いのではないのか？

>>90
噓つき君まだ息してたのかw
そしてさらに嘘を重ねるw

某総理大臣みたいだなww

「The order of enumerating the properties is not specified」ってはっきり仕様に明記されてる

「嘘つきとまでは言う気はないが、仕様について語るのならちゃんと仕様を確認した方が良いわな」

またstaticおじさんばりの言い訳がはじまりそう

997 名前:Name_Not_Found Mail:sage 投稿日:2020/10/23(金) 06:42:33.51 ID:???
>>992
すまんけど俺は仕様書を読めるし長年読んできたし、
ES6の前からDiscasにも参加してクラスシステムやthisが絡むの議論にも
さんざん参加してきたし、十分深く理解してるから

最近、「わからせおじさん」というのが流行っているらしい
どんな生意気なガキも「わからせる」ことができるすごい「おじさん」らしい

>>96
2つ間違ってる

一つは意図的だろうがEnumerateObjectPropertiesが返すイテレータが
CreateForInIteratorと同じように動作しなくてもいいケースってのは決して例外的ではない

もう一つは勘違いだろうけどCreateForInIteratorと同じように動作すべきケースであっても
列挙順序が保証されてるわけじゃない
http://github.com/tc39/ecma262/issues/1819

結局最初に>>81の人が書いてるように
「オブジェクトのプロパティの列挙順は仕様上保証されているものではない」が正しい

>>94 ジワジワくるな

>>97
>>決して例外的ではない
例外的かどうかというのは主観の問題なので君がそう思うということを否定したりはしない

>>列挙順序が保証されてるわけじゃない
確かに[[OwnPropertyKeys]]で順序が確定しないタイプのオブジェクトもある
だがそれはプロキシやモジュールや外様であって、既に省かれているでしょう？
もし他に具体的ケースがあるなら教えてほしい

オーソドックスなオブジェクトはOrdinaryOwnPropertyKeysを経由するので順序は保証されている
http://tc39.es/ecma262/#sec-ordinaryownpropertykeys

重箱の角をつついてちょっとでも齟齬があれば認めないというのは自分は違うと思う
>>80はプロキシをfor-inにかけたり、列挙中にオブジェクトを弄くり回したりと極端な状況下での挙動を想定してるのか？

実際に同じ質問を隣の席の人から聞かれたら、モジュールには使えないしとか言うのか？
素直にシンプルに答えるなら「保証されている」と答えるのが良いと自分は思う

もしそれが言いすぎだという人がいるなら、たしかにそうかも知れないけれど、
少なくとも昔にくらべて、「今」はここまでは「保証されている」というのが決まっていて
それはオーソドックスな状況下に適応されるものなんだから、
保証されていないというのも言いすぎじゃない？
保証されていない

言い訳ｷﾀｰ!