Styjun

I have this certain problem where I cannot get the number value of 'currentStock' var data inside an HTML file using JavaScript. I have this on my HTML file in script tag:

By the way, due to the HTML being too large, and also it was not originally my script, but from a friend who was asking for some help on adding some features in it, I can't upload the whole script as it will be going to be too long. The whole HTML script has 14076 characters with 289 lines.

I have only studied java and not javascript with HTML, so I need help with this one.

<script>


 window.onload = function() 

 var goDown = document.getElementById('uniqueNav');
 var goRight = document.querySelector('.clothesNav');
 var goUp = document.querySelector('.shrink');

 goDown.style.marginTop = "0px";
 goRight.style.marginLeft = "5px";
 goUp.style.height = "0px";

 

 $('document').ready(function()

 var name = "Ombre Printed Shirt";
 var price = "P499.00";

 var initialStock = 0;
 var currentStock = initialStock;

 document.querySelector('#clothTitle').innerHTML = "" +name;
 document.querySelector('#clothPrice').innerHTML = "Price: " +price;
 document.querySelector('#PITitle').innerHTML = "" +name;
 document.querySelector('#PIPrice').innerHTML = "Price: " +price;

 document.querySelector('#currentStock').innerHTML = "CurrentStocks: " +currentStock;

 ); //------------------------Change This Every Document ----------------------------//

</script>

then this in my JavaScript File:

var cStocks = document.getElementById('currentStock').data;
 alert(typeof cStocks);
 alert("Data in cStocks = " + cStocks);
 if (!cStocks) cStocks = 0; alert("cStocks, not a valid number");
 if ((cStocks <= 0) == true)
 
 document.querySelector('.clothButton').style.display='none';
 document.querySelector('.clothButtonDisabled').style.display='flex';
 
 else
 
 document.querySelector('.clothButton').style.display='flex';
 document.querySelector('.clothButtonDisabled').style.display='none';
 

upon loading the page, the alert says thaat the data type is undefined. I don't know what's happening with my code. did I miss something?

By the way, I have JQuery on my HTML page. it says JQuery v3.3.1 as a version

It doesn't look to me like #currentStock will have a data attribute, or value attribute (which is for inputs), so of course the js returns undefined. Right now it looks like #currentStock is having the innerHTML set on the document.ready to Current Stocks: 0

You do have an accessible variable, currentStock, which is defined during document.ready. Why aren't you accessing it directly? It will have the numeric value in it already. All you can get from #currentStock is the html you generated on document.ready, and you'd have to parse the number out of it, when it's available in raw form in the js variable currentStock.