Scribd Logo
Upload

Welcome to Scribd!

  • Web 02

    Uploaded by

    Ajo Mathew
    5 views1 page
    Web Developement using HTML, CSS, JS

    Copyright

    © © All Rights Reserved

    Available Formats

    PDF, TXT or read online from Scribd

    Did you find this document useful?

    Is this content inappropriate?

    Report this Document
    Web Developement using HTML, CSS, JS

    Copyright:

    © All Rights Reserved
    Download as PDF, TXT or read online from Scribd
    Flag for inappropriate content
    5 views1 page

    Web 02

    Uploaded by

    Ajo Mathew
    Web Developement using HTML, CSS, JS

    Copyright:

    © All Rights Reserved
    Download as PDF, TXT or read online from Scribd
    Flag for inappropriate content
    of 1

    Debugger javaScript

    debugger;
    calculator(1, 1, add);

    How to use:

    1. Type debugger;
    2. Type shift enter
    3. Type the function we would like to execute
    4. Right hand side we have the option to go forward and backward!

    How to play audio using js?


    var audio = new Audio('audio_file.mp3');
    audio.play();

    How to add background image to a button?


    .button {
    border: none;
    background: url('/forms/up.png') no-repeat top left;
    padding: 2px 8px;
    }

    or

    background-image: url('/Users/amathew/Downloads/Drum Kit Starting


    Files/images/tom1.png');

    Not: The URL will work in single quotes as well as in double quotes!!!!

    Music Box
    <!DOCTYPE html>
    <html lang="en" dir="ltr">

    <head>
    <meta charset="utf-8">
    <title>Drum Kit</title>
    <link rel="stylesheet" href="styles.css">
    <link href="<https://fonts.googleapis.com/css?family=Arvo>"
    rel="stylesheet">
    </head>

    <body>

    <h1 id="title">Drum 🥁 Kit</h1>


    <div class="set">
    <button class="w drum">w</button>
    <button class="a drum">a</button>
    <button class="s drum">s</button>
    <button class="d drum">d</button>
    <button class="j drum">j</button>

    You might also like