Make an… (Source Code) : Sensibilium

<head> Pasta

<!--
Copyright (C) Sensibilium.com

@licstart   The following is the entire license notice for the
            JavaScript code in this page.

The JavaScript code in this page is free software: you can
redistribute it and/or modify it under the terms of the GNU
General Public License (GNU GPL) as published by the Free Software
Foundation, either version 3 of the License, or (at your option)
any later version.  The code is distributed WITHOUT ANY WARRANTY;
without even the implied warranty of MERCHANTABILITY or FITNESS
FOR A PARTICULAR PURPOSE.  See the GNU GPL for more details.

As additional permission under GNU GPL version 3 section 7, you
may distribute non-source (e.g., minimized or compacted) forms of
that code without the copy of the GNU GPL normally required by
section 4, provided you include this license notice and a URL
through which recipients can access the Corresponding Source.

@licend the above is the entire license notice
        for the JavaScript code in this page.
@source https://sensibilium.com/docs/makehtml_source.php
-->
<script>
<!--
function showAnchorForm() {
	var divMakeLink = document.getElementById("linkForm");
	divMakeLink.style.display = 'block';
	var divMakeImage = document.getElementById("imageForm");
	divMakeImage.style.display = 'none';
}

function showImageForm() {
	var divMakeLink = document.getElementById("linkForm");
	divMakeLink.style.display = 'none';
	var divMakeImage = document.getElementById("imageForm");
	divMakeImage.style.display = 'block';
}

function buildTheHtml() {
	var build = '';
    if (document.getElementById("linktype").checked == true) {
    	build = "<a href=\"" + document.getElementById("linkurl").value + "\" ";
    	build += "title=\"" + document.getElementById("title").value + "\">";
    	build += document.getElementById("title").value + "</a>";
    }
    if (document.getElementById("imagetype").checked == true) {
    	build = "<img src=\"" + document.getElementById("imageurl").value + "\" ";
    	build += "alt=\"" + document.getElementById("imagealt").value + "\">";
    }
	document.getElementById("result").value = build;

	return false;
}
-->
</script>

<body> Pasta

<form id="makelink" method="POST" onsubmit="return false;">
    <label for="maketype">Make An...</label>
    <input type="radio" id="linktype" class="maketype" name="maketype" value="anchor" onclick="showAnchorForm();" checked> Anchor
    <input type="radio" id="imagetype" class="maketype" name="maketype" value="image" onclick="showImageForm();"> Image
    <div id="linkForm">
        <label for="title">Link Title</label><input type="text" name="title" id="title" required>
        <label for="linkurl">Link URL</label><input type="url" name="linkurl" id="linkurl" required value="https://">
    </div>
    <div id="imageForm" style="display:none;">
        <label for="title">Image Alt</label><input type="text" name="imagealt" id="imagealt" required>
        <label for="linkurl">Image URL</label><input type="url" name="imageurl" id="imageurl" required value="https://">
    </div>
    <label for="result">Your result,</label><input type="text" name="result" id="result" readonly>
    <button onclick="buildTheHtml();" type="button">Create</button>
</form>