What's new

Debug JavaScript to find formula

sugalislife

Honorary Poster
Joined
Oct 1, 2019
Posts
304
Reaction
89
Points
165
Ask ko lang paano niyo makukuha ang exact location ng function or formula nito? Alam ko kung ano ang computation nito pero gusto ko malaman kung paano malocate ang exact function nito. Salamat. Nagbasa na rin ako dito. You do not have permission to view the full content of this post. Log in or register now.

Ito yung website.
You do not have permission to view the full content of this post. Log in or register now.

piDjk8r.png
 
So ang kailangan mo ay yung function for calculating win percentage? in javascript?

Check this: You do not have permission to view the full content of this post. Log in or register now.

Babaguhin mo lang yung formula.

Heto yung formula na embedded sa buong .js ng website. Syempre kailangan pa rin nya yung pointers/parameters.

s=48,f=82,d=function(e){function t(t){var n=e.call(this,t)||this;n.handleWinsChange=function(e){n.setState({wins:e})},n.handleLossesChange=function(e){n.setState({losses:e})},n.handleGamesChange=function(e){n.setState({games:e})};var r=Object(o.e)();return n.state={wins:r.wins||"",losses:r.losses||"",games:r.games||""},n}return c(t,e),t.prototype.render=function(){var e=parseInt(this.state.wins),t=parseInt(this.state.losses),n=parseInt(this.state.games);isNaN(e)&&isNaN(t)&&isNaN(n)&&(e=s,n=f),isNaN(e)&&(e=n-t)<0&&(e=NaN),isNaN(t)&&(t=n-e)<0&&(t=NaN),isNaN(n)&&(n=e+t);var c=void 0;n<(isNaN(e)?0:e)+(isNaN(t)?0:t)&&(c="The Number of Games cannot be less than Wins + Losses.");var d=c?NaN:e/n,p=0===this.state.wins.length&&isFinite(e)?e.toString():"",m=0===this.state.losses.length&&isFinite(t)?t.toString():"",h=0===this.state.games.length&&isFinite(n)?n.toString():"",v=isFinite(d)?Object(o.k)((100*d).toFixed(3))+"%":"";return
 
Last edited:
Hindi boss. Ang kailangan ko paano malocate ang function nito sa debugger.
s=48,f=82,d=function(e){function t(t){var n=e.call(this,t)||this;n.handleWinsChange=function(e){n.setState({wins:e})},n.handleLossesChange=function(e){n.setState({losses:e})},n.handleGamesChange=function(e){n.setState({games:e})};var r=Object(o.e)();return n.state={wins:r.wins||"",losses:r.losses||"",games:r.games||""},n}return c(t,e),t.prototype.render=function(){var e=parseInt(this.state.wins),t=parseInt(this.state.losses),n=parseInt(this.state.games);isNaN(e)&&isNaN(t)&&isNaN(n)&&(e=s,n=f),isNaN(e)&&(e=n-t)<0&&(e=NaN),isNaN(t)&&(t=n-e)<0&&(t=NaN),isNaN(n)&&(n=e+t);var c=void 0;n<(isNaN(e)?0:e)+(isNaN(t)?0:t)&&(c="The Number of Games cannot be less than Wins + Losses.");var d=c?NaN:e/n,p=0===this.state.wins.length&&isFinite(e)?e.toString():"",m=0===this.state.losses.length&&isFinite(t)?t.toString():"",h=0===this.state.games.length&&isFinite(n)?n.toString():"",v=isFinite(d)?Object(o.k)((100*d).toFixed(3))+"%":"";return
 
s=48,f=82,d=function(e){function t(t){var n=e.call(this,t)||this;n.handleWinsChange=function(e){n.setState({wins:e})},n.handleLossesChange=function(e){n.setState({losses:e})},n.handleGamesChange=function(e){n.setState({games:e})};var r=Object(o.e)();return n.state={wins:r.wins||"",losses:r.losses||"",games:r.games||""},n}return c(t,e),t.prototype.render=function(){var e=parseInt(this.state.wins),t=parseInt(this.state.losses),n=parseInt(this.state.games);isNaN(e)&&isNaN(t)&&isNaN(n)&&(e=s,n=f),isNaN(e)&&(e=n-t)<0&&(e=NaN),isNaN(t)&&(t=n-e)<0&&(t=NaN),isNaN(n)&&(n=e+t);var c=void 0;n<(isNaN(e)?0:e)+(isNaN(t)?0:t)&&(c="The Number of Games cannot be less than Wins + Losses.");var d=c?NaN:e/n,p=0===this.state.wins.length&&isFinite(e)?e.toString():"",m=0===this.state.losses.length&&isFinite(t)?t.toString():"",h=0===this.state.games.length&&isFinite(n)?n.toString():"",v=isFinite(d)?Object(o.k)((100*d).toFixed(3))+"%":"";return
Thanks dito sir, Pero paano mo ito nakuha?

Kunwari sa ibang website ay may ganito din na scenario at gusto mo kunin kung paano icompute ang isang mathematical question. Anong step by step ang gagawin mo para makuha ang function nito or solution(source code).
 
Dev Tools >> Elements >> Event Listeners
base sa example mo nag cacalculate siya if nagiinput ka.
so sa Events Listener Tab ilocate mo yung input, magpapakita dun yung naeexecute na js file.
click mo yung "winning-percentage-calculator.js" than read the code.
though mahirap basahin yung code kasi compiled siya for this case.
 
Punta ka Dev tools tapos sources tapos event listener breakpoints tapos check mu yung anong klaseng event yung gagawan mu ng break example mouse tapos check mu yung click if sa tingin mu Yun yung event listener na ginamit. Tapos refresh tapos execute mo na yung pag click tapos magpapause na yung debugger tapos dyan na yung magpipindot ka ng STEP, STEP OVER, STEP INTO. Dyan mu makikita kung paano mageexecute yung code. 😹 paalala if yung nakikita mu ay minified na code pwede mu pindutin yung pang prettier icon para readable ganito minsan yung icon sa Dev tools {}
 
Back
Top