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

Asked by Last Modified  

2 Answers

Learn Java +1 Java Script Training

Follow 2
Answer

Please enter your answer

Rajesh Kumar N

"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
Dislike Bookmark

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
Dislike Bookmark

Related Questions

public void foo( boolean a, boolean b) { if( a ) { System.out.println("A"); /* Line 5 */ } else if(a && b) /* Line 7 */ { System.out.println( "A && B"); } else /* Line 11 */ { if ( !b ) { System.out.println( "notB") ; } else { System.out.println( "ELSE" ) ; } } } A. If a is true and b is true then the output is "A && B" B. If a is true and b is false then the output is "notB" C. If a is false and b is true then the output is "ELSE" D. If a is false and b is false then the output is "ELSE"
C
Srikanth
How can in prepare for competitive programming in Java ? Any person or Institute who Teaches ? HELP !
If you are already a java programmer and wanted to increase your logical skills and compete somebody then you have to practice writing various logics so that you will become strong in java programming....
Ajay
When to use transient variables?
To know about transient , first we need to know about serialization concept .serialization makes an object's state persistent . It means that the object is converted into stream and store in a file . For...
Jay
What's New in JDK 8 ?
1.Lamda Expressions I started with lambda expressions as this is probably the most sought after feature in the language after probably Generics/Annotations in Java 5. 2.Generic Type changes and improvements Taking...
Ashish
What is a complete list of topics of Core Java and topics of Advanced Java?
Certainly! Here's a brief list of topics for both Core Java and Advanced Java: Core Java: Basics of Java Data Types and Variables Control Flow (if, else, switch) Loops (for, while, do-while) Arrays Methods Object-Oriented...
Archit
0 0
5

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

Ask a Question

Related Lessons

JAVA - Object Cloning
JAVA - Object Cloning Is the way of creating the same copy of object without calling the class constructor. It means we can make any class object multiple times without calling its default constructor....

Gaurav Kothari

1 0
0
Classes & Objects

Mudassir

0 0
0
ListIterator Example
public class ListIteratorEx { public static void main(String args) { List<String> li = new ArrayList<String>(); li.add("java1"); li.add("java2"); li.add("java3"); li.add("java4"); ListIterator...
S

Sarthak C.

0 0
0
Java Program Sample Application
/* WAP to print given message on the console using java*/ // Class declaration in java class sample { // Main function public static void main(String args) { // function for printing on the console System.out.println("Hello...

Salim Ahmed Ansari

0 0
0
What Is The Exact Life Cycle Of A Servlet?

Naveen Gudapati

2 0
0

Recommended Articles

Top 5 Reasons to Learn JavaScript

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: An Object-Oriented Language

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 >

Why Java is the Most Popular Programming Language

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 >

Why Should You Learn Java !

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 >

Find Java Training Classes near you
Java Training Classes in Bangalore
Java Training Classes in Hyderabad
Java Training Classes in Pune
Java Training Classes in Chennai
Java Training Classes in Delhi
Java Training Classes in Mumbai
Java Training Classes in Kolkata
Java Training Classes in Noida
Java Training Classes in Gurgaon
Java Training Classes in Ghaziabad
Online Java Training

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