Changing HTML Text with CSS and JS Week 3

Developer
Anshu Arora
Size
1,829 Kb
Views
34,408
  1. Changing HTML Text with CSS and JS Week 3 Previews
  2. Changing HTML Text with CSS and JS Week 3 HTML Codes
  3. Changing HTML Text with CSS and JS Week 3 CSS Codes
  4. Changing HTML Text with CSS and JS Week 3 JS Codes

How do I make an changing html text with css and js week 3?

What is a changing html text with css and js week 3? How do you make a changing html text with css and js week 3? This script and codes were developed by Anshu Arora on 15 September 2022, Thursday.

Changing HTML Text with CSS and JS Week 3 Previews
IQ Test

Changing HTML Text with CSS and JS Week 3 - Script Codes HTML Codes

<!DOCTYPE html>
<html >
<head> <meta charset="UTF-8"> <title>Changing HTML Text with CSS and JS Week 3</title> <link rel="stylesheet" href="css/style.css">
</head>
<body> <h1> Change Many Things </h1> <div id="d1">	Hello
</div>
<div id="d2"> Goodbye
</div>
<p>
<input type="button" value="color change"
onclick = "changecolor()">
<input type="button" value="change text"
onclick = "changetext()"> </p> <script src="js/index.js"></script>
</body>
</html>

Changing HTML Text with CSS and JS Week 3 - Script Codes CSS Codes

.yellowback { background-color: yellow; width:200px;
}
.blueback { background-color: lightblue; width:200px;
}
.Bonjour { background-color: orange; width:200px;
}
.Sayonara { background-color: blue; width:200px;
}

Changing HTML Text with CSS and JS Week 3 - Script Codes JS Codes

function changecolor() {	var dd1 = document.getElementById("d1");	var dd2 = document.getElementById("d2"); dd1.className = "blueback"; dd2.className = "yellowback";
}
function changetext() {	var dd1 = document.getElementById("d1");	var dd2 = document.getElementById("d2"); dd1.innerHTML = "Bonjour"; dd2.innerHTML = "Sayonara"; dd1.className = "Bonjour"; dd2.className = "Sayonara";
}
Changing HTML Text with CSS and JS Week 3 - Script Codes
Changing HTML Text with CSS and JS Week 3 - Script Codes
Home Page Home
Developer Anshu Arora
Username anshusaxenaarora
Uploaded September 15, 2022
Rating 3
Size 1,829 Kb
Views 34,408
Do you need developer help for Changing HTML Text with CSS and JS Week 3?

Find the perfect freelance services for your business! Fiverr's mission is to change how the world works together. Fiverr connects businesses with freelancers offering digital services in 500+ categories. Find Developer!

Anshu Arora (anshusaxenaarora) Script Codes
Name
My Interests
A Pen by Anshu Arora
Webpage Example
Class 1 Week 1
Green Screen - Foreground and Background Images
Interests
Upload and Display an Image
Canvas for Live Coding
Anshu Arora Webpage
Create amazing video scripts with AI!

Jasper is the AI Content Generator that helps you and your team break through creative blocks to create amazing, original content 10X faster. Discover all the ways the Jasper AI Content Platform can help streamline your creative workflows. Start For Free!