René's URL Explorer Experiment

{"@context":"https://schema.org","@type":"DiscussionForumPosting","headline":"Adjusting how the hands work","articleBody":"So I took WebDevSimplified's code and tried to tinker it so that on the final output, the hands of the clock would move like how a normal clock moves.\r\n\r\nI changed the CSS and JS. With the JS, I got rid of three variables and based fixing the rotations around only having the second hand moving initially. \r\n\r\nWhat I came up with doesn't work, but hopefully someone can look at what I wrote and debug it.\r\n``\r\nconst hourHand = document.querySelector('[data-hour-hand]')\r\nconst minuteHand = document.querySelector('[data-minute-hand]')\r\nconst secondHand = document.querySelector('[data-second-hand]')\r\nconst begin = document.getElementById('top')\r\n\r\nconst leverage = minuteHand.style.transform\r\nconst constant = hourHand.style.transform\r\n\r\nconst manos = document.getElementsByClassName('.number').innerText // get all the numbers on the clock and their inner text\r\nconst typeclock = Array.from(manos) // create an array out of all the numbers collected\r\n\r\nfunction setMinuteHand () {\r\n  while (secondHand.style.transform === 'rotate(360deg)') {\r\n    minuteHand.style.position = begin.style.position // the minute hand starts at 12\r\n    if (secondHand.style.position === begin.style.position) { // Once the second hand hits \"12\" again...\r\n      leverage.style.transform = 'rotateZ(30deg)' // the minute hand should shift 30 degrees right\r\n    }\r\n    for (var i = 0; i \u003c typeclock.length; i++) {\r\n      minuteHand.style.position = typeclock[i]++ // Buffer in case the leverage statement doesn't work (we shift from \"12\" to \"1\")\r\n    }\r\n  }\r\n}\r\n\r\nsetMinuteHand()\r\n\r\nfunction setHourHand () {\r\n  while (secondHand.style.transform === 'rotate(360deg)') {\r\n    hourHand.style.position = begin.style.position // the hour hand starts at 12\r\n    if (secondHand.style.position === begin.style.position) { // Once the second hand hits \"12\" again...\r\n      constant.style.transform = 'rotateZ(30deg)'// the hour hand should shift 30 degrees right\r\n    }\r\n    for (var i = 0; i \u003c typeclock.length; i++) {\r\n      hourHand.style.position = typeclock[i]++ // Buffer in case the statement with constant above doesn't work (we shift from \"12\" to \"1\")\r\n    }\r\n  }\r\n}\r\n\r\nsetHourHand()''","author":{"url":"https://github.com/JustinDCole","@type":"Person","name":"JustinDCole"},"datePublished":"2020-11-12T19:23:34.000Z","interactionStatistic":{"@type":"InteractionCounter","interactionType":"https://schema.org/CommentAction","userInteractionCount":1},"url":"https://github.com/5/JavaScript-Clock/issues/5"}