Jinsi ya Kutumia JS na CSS kwa Interactive Effects

Change CSS dynamically via JS
Example: hover or click effects
Example Code:
<button id="magicBtn">Hover or Click</button>

<script>
let btn = document.getElementById("magicBtn");
btn.addEventListener("mouseenter", function(){ btn.style.background = "orange"; });
btn.addEventListener("mouseleave", function(){ btn.style.background = "green"; });
btn.addEventListener("click", function(){ alert("Button Clicked!"); });
</script>

<style>
#magicBtn { background:green; color:white; padding:10px 20px; border:none; border-radius:5px; cursor:pointer; }
</style>
YouTube Description:
Jifunze kutumia JavaScript na CSS pamoja kwa interactive effects.
Hashtags:
#JSAndCSS #InteractiveEffects #Faulink
Tembelea https://www.faulink.com kupata mifumo yote muhimu