Basic SVG text usage

by Chance Nursey-Bush

HTML

<!-- Learn about this code on MDN: https://developer.mozilla.org/en-US/docs/Web/SVG/Element/text -->
<div>
<!--<svg xmlns="http://www.w3.org/2000/svg" width="500" height="40" viewBox="0 0 500 40"> -->
<svg xmlns="http://www.w3.org/2000/svg" width="1000" height="110">
<!--<text id="chance" x="0" y="35" font-family="Verdana" font-size="35">-->
<text id="chance" x="0" y="100" font-family="'Intel Clear', 'Helvetica Neue', Helvetica, Arial, sans-serif">
	Hello, out there
  </text>
</svg>
</div>

JavaScript

document.getElementById('chance').textContent = " Yo!";