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

What is an Exception in Java?
We can Say Exception is an event which terminates the normal execution of a program
Piyush
0 0
5
What are the requirements of learning Java? How long it takes to learn java and what is the fee structure?
Core java is main to learn, if you join my classes it takes one month to become master.
Ruuchi
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
How to get tutions in Lucknow
Online
Shabaz
What is the purpose of using throws keyword in java?
The throws statement is how you create an exception stack trace. There isn't much magic in java--it's not some underlying system mystery that creates an exception, it is simply a "Throw" statement, and...
Saritha

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

Ask a Question

Related Lessons

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
Comparable vs Comparator
java.lang.Comparable java.util.Comparator For comparing some other object with its own object. Ex. I am comparing myself to some other employee. Method signature is: int compareTo (T object). For...

Vivek R.

1 0
0
Syntax and example of java
Java syntax: Class Display - - class definition { Void Display() { System.out.println('welcome to Java') ; } Public static void main(String arcs) { Display D=new Display() ;--object creation D. Display } }

Semalla Santosh Kumar

0 0
0
How To Setup development Environment Of Java?
After installation of JAVA, we need to setup 2 environment variables. First one is JAVA_HOME and second is Path. Below steps to set up Java environment to compile & execute Java programs from command...

Amit K.

0 0
0
2.1. Reverse a singly linked list.
class Node { int data; Node next; Node(int data) { this.data = data; this.next = null; }} public class LinkedList { Node head; public void reverse() { Node prev = null; Node curr = head; Node next =...

Vivek J.

0 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