Генерация из двух input

[porezon]

Нужна генерация из двух кнопов инпут в одну, то есть есть код

<tr>
<td align="left" style="padding:5px;font-weight:bold;" width="40%">Имя:</td>
<td align="left" style="padding:5px;" width="60%"><input type="text" name="name" value=""></td>
</tr>
<tr>
<td align="left" style="padding:5px;font-weight:bold;" width="40%">Фамилия:</td>
<td align="left" style="padding:5px;" width="60%"><input type="text" name="fio" value=""></td>
</tr>

первое это имя и второе фамилия, надо чтоб при нажатии на кнопку сгенирировать без перезагрузки страницы, появилось общее, то есть
пишу имя Denis и фамилию Shek, нажимаю на кнопку сгенировать и мне показывает DenisShek

[Vlasenko Fedor]

<tr>
      <td align="left" style="padding:5px;font-weight:bold;" width="40%">Имя:</td>
      <td align="left" style="padding:5px;" width="60%">
        <input type="text" name="name" value="">
      </td>
    </tr>
    <tr>
      <td align="left" style="padding:5px;font-weight:bold;" width="40%">Фамилия:</td>
      <td align="left" style="padding:5px;" width="60%">
        <input type="text" name="fio" value="">
      </td>
    </tr>
    <input type="button" value="Сгенерировать" id="generator">
    <script>
      window.onload = function () {
        document.getElementById('generator').onclick = function () {
          var name = document.querySelector("input[name='name']").value;
          var fio = document.querySelector("input[name='fio']").value;
          alert(name + fio);
        }
      }
    </script>

[porezon]

а можно чтоб не через алерт выводило, а в новый инпут его засунуть

[Vlasenko Fedor]

какой вопрос

<tr>
  <td align="left" style="padding:5px;font-weight:bold;" width="40%">Имя:</td>
  <td align="left" style="padding:5px;" width="60%">
    <input type="text" name="name" value="">
  </td>
</tr>
<tr>
  <td align="left" style="padding:5px;font-weight:bold;" width="40%">Фамилия:</td>
  <td align="left" style="padding:5px;" width="60%">
    <input type="text" name="fio" value="">
  </td>
</tr>
<input type="button" value="Сгенерировать" id="generator">
<hr>
<input id="result" value="">
<script>
  window.onload = function () {
    document.getElementById('generator').onclick = function () {
      var name = document.querySelector("input[name='name']").value;
      var fio = document.querySelector("input[name='fio']").value;
      document.getElementById('result').value = name + fio;
    }
  }
</script>