Practical – 120 : Create Your ITI Website | List Out Web Page Topic Name Only
ડાયનેમિક HTML પેજ, જેમ કે નામ સૂચવે છે તે એક HTML પેજનો સંદર્ભ આપે છે જે ગતિશીલ હોય છે જેથી તે વપરાશકર્તાના ઇનપુટ અનુસાર કસ્ટમાઇઝ અને બદલી શકાય. ઉદાહરણ તરીકે, CSS નો ઉપયોગ કરીને આપણે દરેક વખતે જ્યારે વપરાશકર્તા વેબપેજ પર બટન ક્લિક કરે છે ત્યારે વેબ પેજનો પૃષ્ઠભૂમિ રંગ બદલી શકીએ છીએ અને આપણે વપરાશકર્તાને તેનું નામ દાખલ કરવા અને પછી તેને વેબપેજ પર ગતિશીલ રીતે પ્રદર્શિત કરવા માટે પણ કહી શકીએ છીએ.
જો તમે ડાયનેમિક HTML પેજ વિશે વધુ જાણવા માંગતા હો, તો તમે આ લેખ DHTML JavaScript જોઈ શકો છો. આ લેખમાં, આપણે HTML, CSS અને JavaScript નો ઉપયોગ કરીને ગતિશીલ HTML પેજ કેવી રીતે બનાવવું તે શીખીશું. ચાલો પહેલા જાણીએ કે ગતિશીલ HTML પેજ શું છે.
Program Code :
<!DOCTYPE html>
<html>
<head>
<title>To create HTML dynamic pages</title>
<style>
body {
text-align: center;
}
p {
color: green;
}
</style>
</head>
<body>
<h1>Dynamically changing content</h1>
<h3>Enter Your Name</h3>
<input id=”name” type=”text”>
<button type=”button” onclick=”EnterName()”>Submit</button>
<p id=”demo”></p>
<script>
function EnterName() {
let user = document.getElementById(“name”).value;
document.getElementById(“demo”).innerHTML =
“Welcome to Geeks For Geeks ” + user;
}
</script>
</body>
</html>
નોધ : HTML + CSS + JavaScript નો ઉપયોગ કરી બનાવો.
