![イメージ説明](53757196a93e862820b7795741078012.png) 動き・オレンジプラス →学校の中にある１限や３限などの項目を追加することができる。 →オレンジプラスボタンを押すとテキストボックス、カラーピッカー、追加ボタンの３つを表示・非表示できる。（デフォルトは非表示状態）・ピンクプラス →学校やプライベートなどの黒丸の項目を追加することができる。したいこと・ピンクプラスで追加ボタンを押した際にオレンジプラスボタンも一緒に追加されるようにしたい。 ```HTML

学校

``` ```javascript //↓リストの追加オレンジ function bar() { // a 要素の作成と属性の指定 var newAnchor = document.createElement("a"); var newTxt = document.createTextNode( document.getElementById("favtext").value ); newAnchor.appendChild( newTxt ); // li 要素の作成 var newLi = document.createElement("li"); newLi.appendChild ( newAnchor ); newLi.style.color = document.getElementById('choicecolor').value; //色適応 document.getElementById('FavList').contentEditable = true; //リストの編集 // リストに追加 var list = document.getElementById("FavList"); list.appendChild( newLi ); } //↓オレンジボタン表示非表示 //初期表示は非表示 function clickBtn1(){ const favtext = document.getElementById("favtext"); const addurl = document.getElementById("addurl"); const choicecolor = document.getElementById("choicecolor"); if(favtext.style.display=="block"){ // noneで非表示 favtext.style.display ="none"; }else{ // blockで表示 favtext.style.display ="block"; } if(addurl.style.display=="block"){ // noneで非表示 addurl.style.display ="none"; }else{ // blockで表示 addurl.style.display ="block"; } if(choicecolor.style.display=="block"){ // noneで非表示 choicecolor.style.display ="none"; }else{ // blockで表示 choicecolor.style.display ="block"; } } //↓親要素表示非表示 function clickBtn2(){ const school = document.getElementById("school"); if(school.style.display=="block"){ // noneで非表示 school.style.display ="none"; }else{ // blockで表示 school.style.display ="block"; } } //↓ピンクボタン表示非表示 //初期表示は非表示 function clickBtn3(){ const plustext = document.getElementById("plustext"); const oookkk = document.getElementById("oookkk"); if(plustext.style.display=="block"){ // noneで非表示 plustext.style.display ="none"; }else{ // blockで表示 plustext.style.display ="block"; } if(oookkk.style.display=="block"){ // noneで非表示 oookkk.style.display ="none"; }else{ // blockで表示 oookkk.style.display ="block"; } } //↓リストの追加ピンク function bar2() { // a 要素の作成と属性の指定 var newAnchor = document.createElement("a"); var newTxt = document.createTextNode( document.getElementById("plustext").value ); newAnchor.appendChild( newTxt ); // ul 要素の作成 var newLi = document.createElement("li"); newLi.appendChild ( newAnchor ); // リストに追加 var list = document.getElementById("pinkList"); list.appendChild( newLi ); } ```