Try it Yourself: SVG Scripting

SVG Scripting

<!DOCTYPE html>
<html>
<body>

<svg viewBox="0 0 120 120">
  <circle id="dot" cx="60" cy="60" r="20" fill="#e74c3c" />
</svg>

<script>
const circle = document.getElementById("dot");
const radius = Number(circle.getAttribute("r"));
console.log(`current radius: ${radius}`);
</script>

</body>
</html>

<!DOCTYPE html>
<html>
<body>

<svg viewBox="0 0 120 120">
  <circle id="dot" cx="60" cy="60" r="20" fill="#e74c3c" />
</svg>

<script>
const circle = document.getElementById("dot");
const radius = Number(circle.getAttribute("r"));
console.log(`current radius: ${radius}`);
</script>

</body>
</html>