Cara mengganti warna icon setelah submit

jadi saya punya icon fa fa-heart yg warna default nya item, setelah diklik atau di submit berubah warna jadi merah, dimana ya naro kode css perubahan nya??

avatar oceanli
@oceanli

63 Kontribusi 2 Poin

Diperbarui 5 tahun yang lalu

Tanggapan

code agan coba taruh sini

3 Jawaban:

pke fitur ajax; jika berhasil add class di tombol

avatar zomdn888
@zomdn888

9 Kontribusi 5 Poin

Dipost 5 tahun yang lalu

Pake if else juga bisa, contoh nya di laravel bisa.

Laravel : <pre> @if(Auth::check) { $color = #fff; }@else { $color = #123; } </pre>

Html :

<pre> &lt;p color="{{$color}}"&gt;Contoh&lt;/p&gt; </pre>

Semoga Membantu.

avatar AhmadShiddiq
@AhmadShiddiq

5 Kontribusi 1 Poin

Dipost 5 tahun yang lalu

bisa pakek JS

<pre> //css #icon{ color: black; }

//html &lt;i class="fas fa-heart" onclick="klik()" id="icon"&gt;&lt;/i&gt;

//js function klik(){ const icon = document.getElementById("icon"); if(icon.style.color == "black"){ icon.style.color = "red"; }else{ icon.style.color = "black"; } } </pre> atau cara kedua

<pre> // CSS .red{ color: red; } //html &lt;i class="fas fa-heart" onclick="klik()" id="icon"&gt;&lt;/i&gt;

// JS function klik(){ const icon = document.getElementById("icon"); icon.classList.toggle("red"); } </pre> Semoga membantu CMIIW

avatar Rilham
@Rilham

162 Kontribusi 56 Poin

Dipost 5 tahun yang lalu

Login untuk ikut Jawaban