aタグクリックする度にリンクとテキストを書き換えたいです。
HTML
<body> <div class="button"> <a href="#profile" onclick="linkClick(this);"><p>プロフィール</p></a> </div> <!-- jQueryの読み込み(CDN) --> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script> <!-- main.jsの読み込み --> <script src="js/main.js"></script> </body>
JS
"use strict"; function linkClick(aTag) { aTag.innerHTML = "<p>コンセプト<" + "/p>"; aTag.href = "#concept"; }
今このように書いており、1回クリックしたら切り替えるところまでは出来ました。
aタグのinnerHTMLとhrefの変更を合計4回行いたいです。
5回目に最初の<a href="#profile" onclick="linkClick(this);"><p>プロフィール</p></a>の状態に戻して
6回目から1~4回目と同じ順番で変更する、を繰り返していきたいです。
まだ回答がついていません
会員登録して回答してみよう