javascript - 调整浏览器大小时更改占位符

Question

我想在浏览器的宽度小于 800 时向文本框添加占位符，但我不确定哪里出错了。

<form class="info">
            <script>add();</script>
            <label>Name</label> <input type="text" class="box" name="name" placeholder="" size="40"><br><br>
</form>

和 JS

<script>
function add(){ 
var w = window.innerWidth || document.documentElement.clientWidth || document.body.clientWidth;
if (w < 800) {
    document.getElementsByName('name')[0].placeholder='Name';
} else
{
}}
</script>

Answer 1

window.addEventListener('resize', function() {
  var w = window.innerWidth || document.documentElement.clientWidth || document.body.clientWidth;
  if (w < 800) {
    document.getElementsByName('name')[0].placeholder='Name';
  } else {
    document.getElementsByName('name')[0].placeholder='';
  }
});

DEMO