JavaScript OnClick Event Using One Function On Multiple Buttons To Change Text And Background Color.

Показать описание

A4Web_Tech

Рекомендации по теме

Комментарии

is there a way to put all these function into one button ?

maxkoh

It is most helpful, I like it. keep it up.

m.ashaikh

<!DOCTYPE html>
<html>
<head>
<title></title>

</head>
<body>
<div>
<h1 id="one"></h1>
<button id="one1">Good morning</button>
<button id="one2">Good afternoon</button>
<button id="one3">Good evening</button>
<button id="one4">Good night</button>
</div>

<script>

let goodmorning=(message, bgcolor, color)=>
{
let
tag.innerText=message;

tag.style.color=color;
}
let
first.addEventListener('click', function(){
goodmorning('good morning', 'red', 'black');
});

let
second.addEventListener('click', function(){
goodmorning('good evening', 'black', 'red');
});
let
third.addEventListener('click', function(){
goodmorning('good afternoon', 'red', 'yellow');
});
let
four.addEventListener('click', function(){
goodmorning('good night', 'purple', 'white');
});

</script>
</body>
</html>

aweb_tech

JavaScript OnClick Event Using One Function On Multiple Buttons To Change Text And Background Color.

JavaScript OnClick Event Using One Function On Multiple Buttons To Change Text And Background Color.

How to Trigger Two Functions With One Button in Javascript

Learn JavaScript MOUSE EVENTS in 10 minutes! 🖱

JavaScript Tutorial For Beginners #40 - The onClick Event

Call Multiple Functions on one click using JavaScript onclick

JavaScript: How to use onClick event trigger in HTML and JavaScript (Tutorial)

Javascript, how to register click events for multiple buttons with same class

JavaScript - button - onclick - function

Building a StopWatch App with useRef Hook in React | Javascript, ReactJS & TailwindCSS

How to add onclick to button in JavaScript | JavaScript Tutorial

09 HTML buttons to call JavaScript Functions

How to Trigger Click Event in Javascript

Learn JavaScript Event Listeners In 18 Minutes

Javascript Add Onclick to Div

Registering Click Events For Multiple Buttons With The Same Class Using JavaScript

Hide and Show div using JavaScript | On Click Hide and Show Div [HowToCodeSchool.com]

How to change image src on click using JavaScript [HowToCodeSchool.com]

Trigger Button Click On Page Load With JavaScript [HowToCodeSchool.com]

OnClick Event in JavaScript | JavaScript Tutorial For beginners to Advance

how to call two functions onclick in javascript

Add and Remove Active Class on Click

Assigning a Click Event to a Button: getElementById() and addEventListener()

Javascript OnSubmit Event Tutorial for Beginners | How to Handle Forms in Javascript

Handling Events for Multiple Elements