Git Product home page Git Product logo

lab5_starter's Introduction

Lab 5 - Starter

lab5_starter's People

Contributors

camdynr avatar evansuong avatar

Forkers

jsalazar026 alw002 roland-wen alina10050805 jhle1 jettbui ojeengammah nboloori e7tran hugompham ettoreh jiaxin-yeah nik-dange jyip6 ltcptgeneral chizhang9135 v1liang priyakumar0817 kevinchen772 anh010 zhuoyangm yac033 tristonbabers chrisliang12 will-loves-coding82 jonathanyin tyler-le richardheriawan alex-and-kevin-lab-5 j4cky1ove mchera24 ihanabus lanmei0914 hht1228 orangetrashbin merlinzcc devinchen02 maibaothu emaneliforp hsc012 dbajoua matheldergod kungharrison varunraisinghal bkim9 joyceweng cepeters-ucsd zachyuen valenciaaalberto kaiwenche 7bean aungkyaw321 pdn002 compivar adulisl shastasubramanian yis004 ngzhewee yahmad3495 vchou105 kelinlyu agctute eric890916 kenry3 naseralemi12 minpapajee nathanueda graydogminer owadg stephenawilcox zhaoyutina stevenkhaw alanine42 aashwinr chaohaodu qx12345678 douhoonkwark nikhilitis ryan-truong renawuq clarissagtz sofiegmerek the-bruz shangfucheng hurl365 mustaqs laurennchen tngphvn bdhmin billysud atomgroup530 sidecoin chrischen0803 kenkunoo jw11142002 jiaying6429 atiwaryandroid gnaganathanahalli-ucsd adesens mingyi09

lab5_starter's Issues

Feature: Volume Slider

Task:

Link the volume slider on the HTML with JS.

Specifications:

As the value corresponding with the slider changes, change the level of display. Refer to write up for the exact ranges. Audio element corresponding with the selected party horn should also take on this value as volume.

Implementation:

Fill in implementation:

Feature: Button to Play Sound

Task:
Link the play sound button with corresponding JS.

Specifications:
Ensure that the correct audio file and volume level are set depending on which type of horn was selected. If the chosen horn is the "party horn", display confetti using the module.

Implementation:
Fill in implementation here:

Feature: Setting Type of Horn

Task:

Link the dropdown party selector with proper JS.

Specifications:

Displays the correct party horn image by choosing the correct "option" html tag to display. Additionally, the corresponding audio file should be set as well.

Implementation:

Image scale inconsistencies

(Firefox specific behavior)

These images disturb the grid orientation when applied:

  • volume-level-3.svg
  • air-horn.svg

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.