added functionality and some DOM manipulation

This commit is contained in:
Dave Lane 2023-07-25 22:54:36 +12:00
parent 952ca111bb
commit b46b2dc3e7
3 changed files with 55 additions and 7 deletions

View file

@ -9,8 +9,7 @@
<meta name="keywords" content="git,forge,forgejo">
<meta name="referrer" content="no-referrer">
<link rel="stylesheet" href="/css/style.css">
<script src="js/script.js"></script>
<link rel="stylesheet" href="css/style.css">
</head>
<body>
@ -20,9 +19,19 @@
<p>Find <a href="https://forge.magnificent.nz/lightweight/karamata" title="Clicking this link will take you to a code 'repository' for this project, where you can get *all* the code.">this code</a> on the web!</p>
<div class="app1">
<p class="name">Take charge!</p>
<button onclick="changeColor()">Change to Blue</button>
<div class='app1'>
<p class='name'>Take charge!</p>
<div class='colors'>
<button onclick="changeColor('blue')">Change to blue</button>
<button onclick="changeColor('red')">Change to red</button>
<button onclick="changeColor('green')">Change to green</button>
</div>
<div class='fonts'>
<button onclick="changeWeight()">Change to bold</button>
<button onclick="changeStyle()">Change to italics</button>
<button onclick="changeVariant()">Change to small capital letters</button>
</div>
<script src="js/script.js"></script>
</div>
<div class="app2">