Спасибо! заработало
а что с кнопками в форме? как клик с функцией совместить?
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>URL</title>
<script type="text/javascript">
function urlCode()
{
var urlCode = document.getElementById("urlCode").value;
var urlCode = urlCode.replace(/\s/g,"_");
var urlCode = urlCode.replace(/\./g,"-")
var urlCode = urlCode.replace(/\,/g,"-");
var urlCode = urlCode.replace(/[а-яА-Я]/g,"");
var urlCodeResult = document.getElementById("urlCodeResult");
urlCodeResult.style.textTransform = "lowercase";
var lastChar = urlCode.charAt(urlCode.length - 1);
if (urlCode)
{
var i = 1;
while (i>0)
{
if(lastChar == '-' || lastChar == '_')
{
urlCode = urlCode.substring(0,urlCode.length-1);
lastChar = urlCode.charAt(urlCode.length - 1);
}
else
{
i = 0
}
}
urlCodeResult.appendChild(document.createTextNode(urlCode));
}
else
{
urlCodeResult.appendChild(document.createTextNode('Пустое поле'));
}
}
function reset()
{
document.getElementById('urlCodeResult').innerHTML = "";
}
</script>
</head>
<body>
<h2>URL</h2>
<form id="urlForm" onSubmit="urlCode()">
<input type="text" id="urlCode">
<input type="button" value="Convert" onClick="urlCode()"><a href="javascript:urlCode()">Convert</a><br>
<input type="reset" value="Reset" onClick="reset()"> <a href="javascript:reset()">Reset</a>
</form>
<section>
<p id="urlCodeResult"></p>
</section>
</body>
</html>