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>