JSFiddle - React, Tailwind, and code Playground

by prozoroff

HTML

<svg width="1000px" height="1000px">
  <path id='path' d="
    
  M100 100 L100 200 L200 100
  M150 150 L200 200 L199 200"
    
   stroke="none" fill="rgba(50,50,50)"></path>
  
  <!-path d="M151 199 C149.8 199 148.1 187.8 146.3 187.4  "stroke="black" fill="none"></path-->

</svg>

JavaScript

path = document.getElementById('path')

var i = 0;
path.onclick = function(){
    path.setAttribute('d', "M100 100 L100 200 L200 100 M149 149L200 200 L" + (200-i++) + " 200Z")
}