Posts

Showing posts with the label INTERACTIVE MEDIA DESIGN

INTERACTIVE MEDIA DESIGN EXERCISE 11: COUNTING GAME

Counting Game Let's Count! Let's count the shapes on the screen! How many shapes do you see? Next Answer Score: 0

INTERACTIVE MEDIA DESIGN EXERCISE 10: CANVAS DRAWING

Image
  HERE IS THE HTML CODE:  <!DOCTYPE html> <html>     <head>         <title>HOUSE</title>     </head>     <body>      <canvas id=pane width=700 height=600 style="border:1px solid #000000;"></canvas>      <script>          var c = document.getElementById('pane').getContext('2d');        //house base              c.fillStyle = "darkkhaki";       c.fillRect(200, 200, 300, 200);                     //door       c.fillStyle = "brown";       c.fillRect(325, 275, 50, 125);              //left window       c.fillStyle = "skyblue";       c.fillRect(225, 275, 50, 50);       //window frame  ...

EXERCISE 8: INTERACTIVE MEDIA Change Button Properties onchange events Enter color Enter number

Javascript Events Enter color Enter number

INTERACTIVE EXERCISE 7 BOX PRICE

Image
  HTML CODE <!DOCTYPE html> <html> <head> <meta name="viewport" content="width=device-width, initial-scale=1"> <title>Exercise 007 JavaScript Selected Value</title> <link rel="stylesheet" href="intercattive7.css"> </head> <body> <h1 class="font1"> Select Box Price List</h1> <div id="container"> <form> <fieldset> <label for="name"> Add Products: </label> <input type="text" id="name" placeholder="Enter Product" autocomplete="off"> <br> <br> <label for="price"> Add Price: </label> <input type="number" id="price" placeholder="Enter Price" autocomplete="off"> <br> <br> <button class="btn" id="btnAdd" size=10> <b...