<div class="contained featurette" data-featurette="expandable-content-card" id="featurette-11">
  <div class="grid-100">
    <div class="achievement-meta">
      <img class="toggle-steps" src="badges_independentStudy.png">
      <h3>
        <span class="new-content" title="Кол-во просмотров">Просмотров: 0</span>
        <a class="trigger-steps toggle-steps">Название блока</a>
      </h3>
      <div class="form-item six columns">
        <label for="search" style="opacity: 0; display: none;" class="in-field-label-processed"></label>
        <input type="text" id="search" value="Поле для ввода" class="text uniform-processed placeholder-processed">
      </div>
    </div>
    <div class="achievement-steps">
      <ul>
        <li>
          <a href="Готовая ссылка">
<span class="icon icon-stage icon-complete"></span>
                <a href="#" id="link"><strong>Текст ссылки</strong></a></a>
        </li>
      </ul>
      <a class="trigger-steps toggle-steps">
        <span class="icon icon-chevron-down"></span>
        <i id="lhref">Show</i> сгенерированные ссылки
      </a>
    </div>
  </div>
</div>
<script>
  var ntext = function () {
      var l = "https://www.google.ru/search?q=";
      lhref.innerHTML = l + this.value;
      link.href = lhref.innerHTML;
    }
  search.onchange = ntext;
  search.onkeyup = ntext;
</script>

<strong id="lhref"></strong>

<strong id="ltext "></strong>