Uncaught Reference Errors

lamle · Oct 9, 2022

// Step 1:
// a. create a new variable named "pillCost".

// b. set its value to be the product of pill count and pill price.

// c. get the values of pill count and pill price by calling the appropriate helper functions.

function getPillPrice() {
let pillPrice = parseFloat(document.getElementById("pill-price").value);
console.log("pill-price: " + pillPrice);
return pillPrice;
}

function getPillCount() {
let pillCount = parseFloat(document.getElementById("pill-count").value);
console.log("pill-count: " + pillCount);
return pillCount;
}

function getPillCost() {
let pillPrice = parseFloat(document.getElementById("pill-price").value);
let pillCount = parseFloat(document.getElementById("pill-count").value);
let pillCost = pillPrice * pillCount;
console.log('pillCost: ' + pillCost);
return pillCost;
}

// d. dump the value of pillCost in the console so you can see what's going on.
// To do this, uncomment the line below -- after you've done (1a) and (1b).
// console.log("pillCost: " + pillCost);
// e. open your devtools console to see the message.i

When I call the function getPillCost() in the console it said uncaught reference error:getPillCost is undefined but I don't know why it had this problem.

Padonak · Oct 10, 2022

HTML:

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8" />
    <title></title>
    <style>
    button,input,label{
    margin: 10px;
    text-align: center;
    cursor: pointer;
    }
    </style>
   </head>
  <body>   
  <fieldset>
  <legend>Dealer's calculator</legend>
  <label for="pill_price">Pill price<input type="text" id="pill_price" placeholder="Price" /></label>
  <label for="pill_count">Pill count<input type="text" id="pill_count" placeholder="Count" /></label>
  <button>Calculate</button>
  </fieldset>
 
      <script>
// a. create a new variable named "pillCost".
// b. set its value to be the product of pill count and pill price.
// c. get the values of pill count and pill price by calling the appropriate helper functions.
// d. dump the value of pillCost in the console so you can see what's going on.
function getPillPrice() {/* c */
return parseFloat(document.getElementById("pill_price").value) || 0;
// ...or 0 if the value is empty
}

function getPillCount() {/* c */
return parseFloat(document.getElementById("pill_count").value) || 0;
// ...or 0 if the value is empty
}

/* a */
let pillCost = function() {/* b */
return getPillPrice() * getPillCount();
}

document.querySelector('button').addEventListener('click', function(){
/* d */
console.log( "pillCost: " + pillCost() );
});
   </script>
  </body>
</html>

All CRUD operations work except POST. Why?	2	May 28, 2023
I Need Help with making a function that draws in a canvas using location data.	1	Dec 17, 2021
Issue with passing fetched data to POST form. How can I?	0	Jul 23, 2023
About as basic "Newbie-Question" that you can get.	3	Sep 4, 2023
Google sheets song request	3	Apr 19, 2022
How can I hide a div using an event listener on multiple checkboxes?	6	Dec 23, 2022
Only one table shows up with the information	2	Mar 29, 2023
arrays in Firefox 5.0	4	Jul 30, 2011

Uncaught Reference Errors

lamle

Padonak

Ask a Question

Similar Threads

Members online

Forum statistics

Latest Threads