HTML Exercises

xxxxxxxxxx

 

1

%%html

2

<style>

3

@import 'https://fonts.googleapis.com/css?family=Ewert&effect=3d';

4

</style>

5

<p id='change_font' class='font-effect-3d' onclick='setFont()'>

6

Click to change the font</p>

7

<input type='color' id='set_color' value='#36ff36' 

8

       style='padding-left:20px'>

9

<p id='change_color' class='font-effect-3d' 

10

   onclick='setColor()'>

11

Click to change the color</p>

12

<script>

13

function setFont()

14

    {doc=document.getElementById('change_font');

15

     doc.style='font-family:Ewert; font-size:200%';}

16

function setColor()

17

    {var c=document.getElementById('set_color').value;

18

     doc=document.getElementById('change_color')

19

     doc.style='font-size:250%'; doc.style.color=c;}

Language: Sage Gap GP HTML Macaulay2 Maxima Octave Python R Singular

---

Messages