In questo codice sposto, con due pulsanti, un paragrafo rettangolo mobile dentro e fuori un paragrafo quadrato più grande e, con il “pulsante coordinate”, in un primo alert
alert("cordinate mobile: " + x+";"+y);
scrivo le coordinate dello spigolo alto sinistro del paragrafo rettangolo e, in un secondo alert,
if (x>700 && x<900){alert("dentro il quadrato")}
else{alert("fuori del quadrato")}
vorrei scrivere se il rettangolo mobile è dentro o fuori del quadrato, ma il browser non legge l’istruzione condizionale:
if (x>700 && x<900) e funziona sempre else: “fuori del quadrato”:
E siccome il codice nel primo alert scrive x=800px ,( e non x=800), ho provato a cambiare l’istruzione condizionale così:
if (x>700+”px” && x<900+”px”)
ma neanche così viene letta.
Penso quindi che in x=800px (che il codice calcola automaticamente), bisognerebbe togliere px, ma non so come fare e per questo chiedo un aiuto. Grazie.
Voel
codice:<!doctype html> <html> <body> <br><br> <input type="button" id="pulsante1" value="sposta1" onclick="sposta1()"> <input type="button" id="pulsante2" value="sposta2" onclick="sposta2()"><br><br> <input type="button" id="pulsante3" value="indietro" onclick="sposta3()"><br><br> <input type="button" id="pulsante4" value="coordinate mobile" onclick="coord()"> <P style="background:cyan; border: 2px double blue; width:200px; height:200px; position:absolute; top:40px; left:700px" id="quadrato"></P> <P style="background:yellow; border: 2px solid red; width:10px; height:100px; position:absolute; top:50px; left:200px" id="mobile"></P> <script> function sposta1() { var mobile1=document.getElementById("mobile"); mobile1.style.left=800+"px"; } function sposta2() { var mobile1=document.getElementById("mobile"); mobile1.style.left=1000+"px"; } function sposta3() { var mobile1=document.getElementById("mobile"); mobile1.style.left=200+"px"; } function coord() { var x=document.getElementById("mobile").style.left; var y=document.getElementById("mobile").style.top; alert("cordinate mobile: " + x+";"+y); if (x>700 && x<900){alert("dentro il quadrato")} else{alert("fuori del quadrato")} } </script> </body> </html>