SHOW:
|
|
- or go back to the newest paste.
| 1 | <!DOCTYPE html> | |
| 2 | <html> | |
| 3 | <head> | |
| 4 | <title>Test Web Page</title> | |
| 5 | - | <script language="javascript"> |
| 5 | + | |
| 6 | - | function Red(evt) {
|
| 6 | + | |
| 7 | - | var circle = evt.target; |
| 7 | + | <svg> |
| 8 | - | circle.setAttribute("style", "fill: red");
|
| 8 | + | <rect id="lightStandard" x="100" y="100" width="60" height="200" fill="black"/> |
| 9 | - | } |
| 9 | + | <circle id="redLight" cx="129" cy="145" r="25" fill="red"/> |
| 10 | - | function Green(evt) {
|
| 10 | + | <circle id="amberLight" cx="129" cy="205" r="25" fill="yellow"/> |
| 11 | - | var circle = evt.target; |
| 11 | + | <circle id="greenLight" cx="129" cy="265" r="25" fill="green"/> |
| 12 | - | circle.setAttribute("style", "fill: green");
|
| 12 | + | </svg> |
| 13 | - | } |
| 13 | + | |
| 14 | - | </script> |
| 14 | + |
