JSFiddle - React, Tailwind, and code Playground

by adamesque

HTML

<form id="myForm" action="/my/whoa spaces/path/{testValue}/cool" method="POST">
  Hi there.
</form>

<pre id="output">
Expected value: 

</pre>

JavaScript

var form = document.getElementById('myForm');
var output = document.getElementById('output');
var actionAsPropertyAccess = form.action;
var actionAsAttr = form.getAttribute('action');
var actionURIEncoded = encodeURI(actionAsAttr);


output.innerHTML += [
	"Action as property access: " + actionAsPropertyAccess,
  "         (Expected value): https://fiddle.jshell.net/my/whoa%20spaces/path/%7BtestValue%7D/cool",
  "  Action via getAttribute: " + actionAsAttr,
  "               URIEncoded: " + actionURIEncoded
].join("\n");