Autor Zpráva
jozef.dinda
Profil
Prosím o pomoc. Potrebujem prepojiť hodnotu premennej "a" s polomerom červenej kružnice a ešte prepojiť hodnotu premennej "c" s polomerom zelenej kružnice. Po zmene akejkoľvek hodnoty sa má okamžite meniť polomer príslušnej kružnice. Neviem, ako to prepojiť. Ďakujem za radu vopred.
<!DOCTYPE html>
 <head>
 <title>prepojenie SVG objektu s premennou</title>
</head>
<body align="center" >
<form oninput="
c.value=parseInt(a.value)+parseInt(b.value);">
a:<input type="number" name="a" value="20"/><br>
<svg height="200" width="300" style = "background-color: violet;">
<text x="0" y="15" fill="red">polomer = a</text>
<circle cx="150" cy="100" r="20" stroke="black" stroke-width="3" fill="red" />
</svg><br>
b:<input type="number" name="b" value="40"/><br>
c = a + b = <output value="60" name="c"></output><br> 
<svg height="200" width="300" style = "background-color: yellow;">
<text x="0" y="15" fill="green">polomer = c</text>
<circle cx="150" cy="100" r="60" stroke="black" stroke-width="3" fill="green" />
</svg>
</body>
</html>

Vaše odpověď

Mohlo by se hodit

  • Pokud přikládáte obrázkové ukázky, dbejte prosím na jejich přijatelnou (datovou) velikost.
  • Uvádějte v titulku grafický program, na který se ptáte.

Prosím používejte diakritiku a interpunkci.

Ochrana proti spamu. Napište prosím číslo dvě-sta čtyřicet-sedm: