<form class="form"> 
<input id="surname" name="surname" type="text" value="" placeholder="" class="form-control input-md" required="required">
<input id="str" name="pagetitle" value="" /> 
</form>
window.addEventListener('DOMContentLoaded', function() {
 var form = document.querySelector('.form');
 form.addEventListener('input', function() {
 form.str.value = form.surname.value
 });
 });
вот новый код, но как к нему подключить функцию (что по ссылке дали) перевода букв и убрать пробелы?