JavaScript関連のことを調べてみた2021年08月24日

プロトタイプ継承について

#プロトタイプ継承とは
`別のコンストラクター関数のプロトタイプを受け継いで、機能を流用`できるようにすること。
また、プロトタイプ継承を用いることで`コンストラクター間で機能の受け渡し`ができるようになるため、効率的にプログラムを組むことができる。

“`js:例
function Person(name, age) {
this.name = name,
this.age = age
}

Person.prototype.hello = function() {
console.log(‘hello’ + this.name);
}

function Character(name, age) {
this.name = name,
this.age = age
}

Person.prototype.hello = function() {
console.log(‘hello’ + this.name);
}
“`
これだとコードが冗長となり、変更があったときにコードのメンテナンスがしづらくなってしまう

#継承
別のコンストラクター関数を受

jQueryを使ってクリックする度に要素のテキストを切り替える方法

#今回の記事

①jQueryを使ってクリックする度に要素のテキストを切り替える方法をメモ
※自分の,そのままのコードを貼り付けているので、分かりづらいかもしれません。

おまけ
②　①で切り替えると他の要素を変更させる方法
Railsにて、要素を変えたいが中身にインスタンス変数などがあり、ややこしいかも

#環境
ruby 2.6

#対象のコード
*①jQueryを使ってクリックする度に要素のテキストを切り替える方法*

“`perl:HTML

▷Monthly

“`
こちらは、期間の月を表してます。こちらをクリックするたび「Yearly、Day、Week」に変更していく。

“`perl:application.html.erb

“`
jQueryを読み込みさせる。

“`perl:jQuer