Q&A
コードは```で囲んでください（編集画面にも説明があります）
後「上手く動作しない」ってなんでしょうか？
前提・実現したいこと
javascriptでクリックイベント時に値の変更を行いたい。
clickしたら、this.isplaying = trueとなるようにしたいです。
発生している問題・エラーメッセージ
main.js:20 Uncaught ReferenceError: Invalid left-hand side in assignment at HTMLDivElement.<anonymous> (main.js:20)
該当のソースコード
javascript
1{ 2 class A { 3 constructor(){ 4 this.sth1 = document.getElementById('sth1'); 5 this.isplaying = false; 6 } 7 getIsplaying(){ 8 return this.isplaying; 9 } 10 getSth(){ 11 return this.sth1; 12 } 13} 14const a = new A(); 15 16 class B { 17 constructor(){ 18 a.getSth().addEventListener('click' , ()=>{ 19 a.getIsplaying() = true; 20 console.log(a.getIsplaying()); 21 }); 22 } 23 } 24 new B(); 25}
html
1<!DOCTYPE html> 2 <html lang="ja"> 3 <head> 4 <meta charset="utf-8"> 5 <link rel="stylesheet" href="css/styles.css"> 6 </head> 7 <body> 8 <div id="sth1"></div> 9 <script src="javascript/main.js"></script> 10 </body> 11 </html>
回答2件
0
cliskしたら、this.isplaying = trueとなるようにしたいです。
audio要素、video要素の再生状態管理を目的としていると仮定して。
仕様を読む限りでは、下記のようにフラグ管理されている為、ユーザ定義クラス側で再生状態を管理する必要はありません。
-
HTMLMediaElement#play()->HTMLMediaElement#paused === false -
HTMLMediaElement#pause()->HTMLMediaElement#paused === true
Re: freemac さん
投稿2019/06/30 02:15
総合スコア18166
0
ベストアンサー
js
1a.getIsplaying() == true;
ここだけが原因ではないかもしれませんが、代入は=です。
==だと比較式になります。
ただ、もしかしたらこれでは解決せず、
「関数に対して代入しようとしている」ことになるので、
AにsetIsplaying()関数を設けてそちらで値を更新し、
getIsplaying()をするようにしたほうがいいかもしれません。
getter,setterで検索すると良いです。
投稿2019/06/30 01:45
編集2019/06/30 01:52
総合スコア80854
早速実行してみようと思います。比較式の部分ではやはりエラー文がでたので、setIsplayig()を
作成してみようと思います。検索キーワードまで教えていただきありがとうございます。
あなたの回答
tips
プレビュー
