Как вызвать форму обратной связи после ввода слова в поле?

259
21 ноября 2017, 22:52

var message = document.getElementById("message"), 
  insert = document.getElementById("code"), 
  code = new Array(); 
 
function capture() { 
  debugger; 
  cmd = insert.value; 
  insert.value = ""; 
  switch (cmd) { 
    case "feedback": 
      /* Код, что после ввода слова feedback должна всплывать форма обратной связи*/ 
      break; 
  } 
  return false; 
}
<section> 
  <div class="content" onclick="document.getElementById('code').focus();"> 
    <ul id="message"></ul> 
    <input type="text" onkeyup="Latin(this);" onKeyPress="if(event.keyCode==1 3) capture(); " id="code " /> 
  </div> 
</section> 
<div id="contactable "></div>

id="contactable" — форма обратной связи

Answer 1

var message = document.getElementById("message"), 
  insert = document.getElementById("code"), 
  code = new Array(); 
 
function capture() { 
  cmd = insert.value; 
  insert.value = ""; 
  switch (cmd) { 
    case "feedback": 
      const example = document.getElementById('contactable') 
      example.style.display = 'block' 
      break; 
  } 
  return false; 
} 
 
insert.addEventListener('input', (e) => { 
  if (e.target.value === 'feedback') { 
    const example = document.getElementById('contactable') 
    example.style.display = 'block' 
  } 
})
<section> 
  <div class="content"> 
    <ul id="message"></ul> 
    <input type="text" id="code" /> 
  </div> 
</section> 
<div id="contactable" style="display: none;">Example</div>

Под себя подредактируйте, эвенты надо вешать через addEventListener

Answer 2

Набери в поле слово "da"

var contactable = document.getElementById("contactable"); 
var input = document.getElementById("input"); 
input.addEventListener('input', function() { 
  if (input.value === 'da') { 
    contactable.classList.add('contactable'); 
  } 
})
#contactable { 
  width: 200px; 
  height: 400px; 
  opacity: 0; 
} 
 
#contactable.contactable { 
  width: 200px; 
  height: 400px; 
  opacity: 1; 
  border: 1px solid orange; 
}
<input type="text" id="input" /> 
<div id="contactable"></div>

READ ALSO
Как убрать уголок у textarea не используя resize: none?

Как убрать уголок у textarea не используя resize: none?

Нужно убрать уголок у textarea так, чтобы осталось свойство resize (оно нужно для выполнения скрипта)

1231