I've been working on creating a pomodoro clock that includes both break and session timers. My approach involves using a single numpad to input data into each clock by nesting the 'click' event to set the time for each. The idea is to click on the display of the clock and then start inputting the values using the buttons available (0-9, delete, enter). However, I'm facing difficulty as I can't seem to get it to display anything for either function. I'm starting to question whether my approach is feasible. I'm seeking clarity on whether nesting 'click' events is possible and if so, what could be going wrong in my implementation. Alternatively, I'd appreciate any suggestions for achieving the desired functionality. You can view the code on this fiddle by minimizing the JS and CSS windows: https://jsfiddle.net/zackluckyf/jhe98j05/1/
$(".session-time-clock").click(function(){
// Code snippet here
});
});
$(".break-time-clock").click(function(){
// Code snippet here
});