How do I create drop down list of three themes using HTML+Css+Java Script?

Asked by Last Modified  

Follow 2
Answer

Please enter your answer

"Rajesh Kumar N: Guiding Young Minds from 1 to 12 with Expertise and Care"

1. HTML: Create a <select> dropdown. 2. CSS: Define styles for three themes. 3. JS: Detect selection & apply the theme. Code: <select id="themeSelector"> <option value="light">Light</option> <option value="dark">Dark</option> ...
read more
1. HTML: Create a <select> dropdown. 2. CSS: Define styles for three themes. 3. JS: Detect selection & apply the theme. Code: <select id="themeSelector"> <option value="light">Light</option> <option value="dark">Dark</option> <option value="blue">Blue</option> </select> <style> body.light { background: white; color: black; } body.dark { background: black; color: white; } body.blue { background: #007bff; color: white; } </style> <script> document.getElementById("themeSelector").addEventListener("change", function() { document.body.className = th is.value; }); </script> read less
Comments

Online Mathematics tutor with 8 years experience(Online Classes for 10th to 12th)

1. HTML: Create a dropdown. 2. CSS: Define styles for three themes. 3. JS: Detect selection & apply the theme. Code: Light Dark Blue body.light { background: white; color: black; } body.dark { background: black; color: white; } body.blue { background: #007bff; color:...
read more
1. HTML: Create a dropdown. 2. CSS: Define styles for three themes. 3. JS: Detect selection & apply the theme. Code: Light Dark Blue body.light { background: white; color: black; } body.dark { background: black; color: white; } body.blue { background: #007bff; color: white; } document.getElementById("themeSelector").addEventListener("change", function() { document.body.className = th is.value; }); read less
Comments

Related Questions

Why Java Laguage is not provided get method into Iterator? is there any specific reson.
1) Iterator is an Interface. 2) It's sole purpose is to iterate not save value. POJO's have getters and setters.
Profile Photo
Niraj Raj
Which is a good Java training and placement institute for a fresher in Bangalore?
I know an institute in HYderabad which is giving 100% job guarantee or 100% fee refund. They have office in bangalore also, not sure whether they are offering this program in Bangalore. Please visit their...
Profile Photo
Raja
0 0
View Comments5

Now ask question in any of the 1000+ Categories, and get Answers from Tutors and Trainers on UrbanPro.com

Ask a Question

Related Lessons

TestNG Annotations and its sequence
public class TestNGAnnotations { @BeforeMethod public void beforeM() { System.out.println("Before Method"); } @AfterMethod public void afterMethod() { System.out.println("After Method"); } @BeforeClass...
S

Sarthak C.

0 0
View Comments0

Class and Objects in Java
Class is a template or a blueprint which is used to describe an object. On other hand Object is a reference of a class which follows all the stuff written inside the class. How about taking the whole tour in the following video
Profile Photo

JAVA OOPs Concepts (Object-Oriented Programming System)
JAVA OOPs Concepts (Object-Oriented Programming System) It is primarily having below crucial points. Without below essential points, we will never be able to achieve OOPs in java, PHP, C#, etc. Now let...
Profile Photo

Java and C trainer
Always think any conspect with real-time example like Object -- object must have states and behaviour then only we will call that thing is Object like fan is Object (rotating,color)
Profile Photo

JAVA Question 1 for beginners
String x="We are learning";String y="mistakes happen";int z=1000;System.out.println("Java is easy. "+x+" programming and "+y+" "+z +" times"); what is out put this code
Profile Photo

Recommended Articles

Before we start on the importance of learning JavaScript, let’s start with a short introduction on the topic. JavaScript is the most popular programming language in the world, precisely it is the language - for Computers, the Web, Servers, Smart Phone, Laptops, Mobiles, Tablets and more. And if you are a beginner or planning...

Read full article >

Java is the most commonly used popular programming language for the creation of web applications and platform today. Integrated Cloud Applications and Platform Services Oracle says, “Java developers worldwide has over 9 million and runs approximately 3 billion mobile phones”.  Right from its first implication as java 1.0...

Read full article >

Designed in a flexible and user-friendly demeanor, Java is the most commonly used programming language for the creation of web applications and platform. It allows developers to “write once, run anywhere” (WORA). It is general-purpose, a high-level programming language developed by Sun Microsystem. Initially known as an...

Read full article >

Java is the most famous programming language till date. 20 years is a big time for any programming language to survive and gain strength. Java has been proved to be one of the most reliable programming languages for networked computers. source:techcentral.com Java was developed to pertain over the Internet. Over...

Read full article >

Looking for Java Training Classes?

Learn from the Best Tutors on UrbanPro

Are you a Tutor or Training Institute?

Join UrbanPro Today to find students near you