psfdek,
<!DOCTYPE HTML>
<html>
<head>
<title>Untitled</title>
<meta charset="utf-8">
<script>
function sendAjaxFunc() {
alert('test')
};
function callback() {
var o = document.createElement('input');
o.id = 'teltel';
o.placeholder = 'Введите ваш телефон';
document.getElementById('btntel').appendChild(o);
var o = document.createElement('input');
o.type = 'submit';
o.id = 'calcal';
o.value = 'ок';
o.onclick = sendAjaxFunc;
document.getElementById('btntel').appendChild(o);
}
</script>
</head>
<body>
<button onclick="var inp=document.createElement('div'); inp.id='btntel'; inp.innerHTML=''; this.parentNode.replaceChild(inp,this); callback();" class="btnpurpure">указать телефон</button>
</body>
</html>