I need to write starting and ending times to specific HTML elements, but company website uses dynamic HTLM selectors.
Here are those two dynamic selectors
"Input 36"
<input required="required" id="input-36" type="text">
#input-36
document.querySelector("#input-36")
//*[@id="input-36"]
/html/body/form/div[3]/div/div[3]/div/div/div/main/div/div/div/div[3]/div/form/div/div[3]/div[1]/div[2]/div[1]/div[2]/div[1]/div/input
"Input 186"
<input required="required" id="input-186" type="text">
#input-186
document.querySelector("#input-186")
//*[@id="input-186"]
/html/body/form/div[3]/div/div[3]/div/div/div/main/div/div/div/div[3]/div/form/div/div[3]/div[1]/div[4]/div[1]/div[2]/div[1]/div/input
In both selectors the numbers are changing when opening a new page!
XPATH is different but PAD doesn't support that, or at least PAD gives error when I try using XPATH
I found other difference, above actual HTLM selector is "label"
It has name for the field which is different for different selectors. They are "Loppuaika" and "Alkuaika"
<label for="input-186" class="v-label theme--light error--text" style="left: 0px; right: auto; position: absolute;">Loppuaika</label>
<label for="input-36" class="v-label theme--light error--text" style="left: 0px; right: auto; position: absolute;">Alkuaika</label>
But I have tried but not found way to use that label.
So is it possible to use that and then how to do it?