JavaScript function not defined

Posted on 2014-08-22
Last Modified: 2014-08-25
I hope this link works (I'm new to plunkr, if you are new to it as well, it is sort of a public sandbox where you can collaborate on code snippets in HTML, JavaScript, CSS, and numerous frameworks like jQuery, AngularJS)

I have an <input> tag of type button wired to a JavaScript function call.  When I click the button I want to grab the values of the text boxes and set the ticks for the respective animations so the speed-up or slow down.  Just a "proof of concept" trivial app for my own purposes.  : )

What have I missed?
Question by:knowlton
    LVL 30

    Assisted Solution

    by:Alexandre Simões
    What is it that actually doesn't work?

    I've just added a var before your variables and print to console the value:

    It seems to work... I had no javascript errors
    LVL 5

    Author Comment

    Can't get to at the moment....
    LVL 42

    Accepted Solution

    I updated it so you don't need to press the button but just changing the values in the textboxes will change the speed
    LVL 5

    Author Closing Comment

    Rob - your plunkr works great and solved the problem.

    Thank you both!

    Write Comment

    Please enter a first name

    Please enter a last name

    We will never share this with anyone.

    Featured Post

    How to run any project with ease

    Manage projects of all sizes how you want. Great for personal to-do lists, project milestones, team priorities and launch plans.
    - Combine task lists, docs, spreadsheets, and chat in one
    - View and edit from mobile/offline
    - Cut down on emails

    Suggested Solutions

    The task A number given should be formatted for easy reading by separating digits into triads. Format must be made inline via JavaScript, i.e., frameworks / functions are not welcome. So let’s take a number like this “12345678.91¿ and format i…
    Have you tried to learn about Unicode, UTF-8, and multibyte text encoding and all the articles are just too "academic" or too technical? This article aims to make the whole topic easy for just about anyone to understand.
    In this tutorial viewers will learn how add a scalable full-width header using CSS3. Create a new HTML document with an internal stylesheet. Set a tiled background.:  Create a new div and name it Header. Position it with position:absolute at the top…
    The viewer will the learn the benefit of plain text editors and code an HTML5 based template for use in further tutorials.

    737 members asked questions and received personalized solutions in the past 7 days.

    Join the community of 500,000 technology professionals and ask your questions.

    Join & Ask a Question

    Need Help in Real-Time?

    Connect with top rated Experts

    18 Experts available now in Live!

    Get 1:1 Help Now