How to Use CSS With Javascript

<script>

    function change(){

        var changecolor = document.getElementById("color").value;

        document.getElementById("change").style.color=changecolor;


 

    }

</script>

<h1 id = "change">Hello My color is not Real</h1><br>

<select id = "color">

 <option value = "green">Green</option>

 <option value = "yellow">Yellow</option>

 <option value = "red">Red</option>

 <option value = "steelblue">Steelblue</option>

</select>

 

<input type = "button" value = "Change Color" onclick="change()">



 



Explore Our YouTube Tutorials

Dive into our YouTube tutorials to access high-quality learning content on web development, design, and technology. Each video is crafted to provide clear guidance and hands-on knowledge for skill development.

 


Upgrade Your Skills with Our Courses

Choose the right course and start building your future with practical skills.

Web Development

Learn HTML, CSS, JavaScript, and PHP to build modern, responsive websites and real-world projects.

Enroll Now See Full Details

Breadboard Learning

Understand electronics basics with hands-on breadboard projects and circuit building techniques.

Enroll Now See Full Details

AI Training

Step into AI with real-world applications, automation tools, and smart development techniques.

Enroll Now See Full Details