ロード時はすべての文字が黒。
↓
クリックしたエレメントだけを白い色にすると同時にそれ以外を黒い色にする
↓
ウィンドウをクリックした時にすべての文字を黒い色にする(今回の課題)
javascript
1function enlargement(event) { 2 //エレメントを全て黒い色にする(動作確認済み) 3 var reset_element = document.getElementById("elements").getElementsByTagName("p"); 4 for(var count = reset_element.length; count--;){ 5 reset_element[count].style.color = "#000"; 6 } 7 //この間にウインドウをクリックした場合の処理(未完成動作せず) 8 //処理内容は(エレメントを全て黒い色にする)と同じ 9 /* 10 window("click", function(reset_element, event){ 11 for(var count = reset_element.length; count--;){ 12 reset_element[count].style.color = "#000"; 13 } 14 }); 15 */ 16 //クリックしたエレメントを白い色にする(動作確認済み) 17 var click_element = event.target; 18 click_element.style.color = "#FFF"; 19}
html
1<div id="elements"> 2 <p onclick="enlargement(event);">Text1</p> 3 <p onclick="enlargement(event);">Text2</p> 4 <p onclick="enlargement(event);">Text3</p> 5</div>
細かいですが、コードのタイトルがhtml,javascript逆では
今直しました
すみません
また、このタイトルだけだと何がしたいのか分からないので(質問内容ともあまりリンクしてないような・・)、やりたいことをタイトルにされては?https://teratail.com/help/question-tips#questionTips3-1
タイトルも直しました ありがとうございます
windowというのは画面内の今回のテキスト以外の任意の場所という解釈で合ってますか?
その通りです。しかし、テキストをクリックした場合にもウインドウをクリックした場合の処理をおこなって。最終的に上書きされるような形で適用しても可とします。
色々踏まえてサンプル提示しました。ご確認ください。