Samurai Blog(侍エンジニアブログ)のonclickの記事内容が悪い

onclickで検索するとSamurai Blogが
onclickのコードに問題がある
Samurai Blogの記事が低品質の理由

onclickで検索するとSamurai Blogが

JavaScriptのonclickの記事を書くため「onclick」でGoogle検索したところ、Samurai Blog(侍エンジニアブログ)のonclickの記事が検索結果1位で表示された。

記事内容を確認したところ相変わらず間違いが多く、去年の炎上から約1年が経過した現在もチェック体制が甘いことがわかった。

※ AJAXやonClickなどの表記も気になるが、今回はコード面のみの指摘

onclickのコードに問題がある

Samurai Blog(侍エンジニアブログ)のonclickの記事のコードは下記のようになっている。

<html>
  <script>
    function js_alert() {
      alert("Pushed!");
    }
  </script>
  <body>
    <a href="#" onclick="js_alert()">ボタン</a>
  </body>
</html>

引用元: HTMLのonclick属性を使ってクリック時に処理をする方法

JavaScriptの基礎がしっかりと理解できている人が見ればひと目見ただけでわかるが、このコードは問題がある。

aタグのhrefが#だとonclick実行時にURLに#が付いてしまう。

また<html>と<body>の間に<script>が追加されており、通常は行わない良くない書き方である。

サンプルのコードとして書くなら下記のように記述したほうが良い。

<html>
  <body>
    <button onclick="js_alert()">ボタン</button>
    <script>
      function js_alert() {
        alert("Pushed!");
      }
    </script>
  </body>
</html>