ぬこのおなかの忘備録: 2023

2023年8月20日

[HTML] JavaScriptで押されたボタンの値を取り出す

以下にサンプルコード。

<!DOCTYPE html>
<html>
  <head>
    <script type="text/javascript">
      function buttonPush(obj) {
        document.getElementById('value').innerHTML = obj.value;
      }
    </script>
  </head>

  <body>
    <input type="button" value="1" onclick="buttonPush(this);">
    <input type="button" value="2" onclick="buttonPush(this);">
    <input type="button" value="3" onclick="buttonPush(this);">
    <input type="button" value="4" onclick="buttonPush(this);">
    <input type="button" value="5" onclick="buttonPush(this);">
    <input type="button" value="6" onclick="buttonPush(this);">
    <input type="button" value="7" onclick="buttonPush(this);">
    <input type="button" value="8" onclick="buttonPush(this);">
    <input type="button" value="9" onclick="buttonPush(this);">
    <input type="button" value="0" onclick="buttonPush(this);">
    <p><span id="value"></span></p>
  </body>
</html>

2023年8月17日

[HTML] CSSを使って文字を上下左右中央に表示する方法

以下で可能。

適当なhtmlファイル(例:CSS_Test_001.html等)に以下コードを張り付けて保存し、ブラウザから開いくとHello World!の文字がブラウザ上下左右中央に表示される。

なお、古いブラウザだと動作しないらしい。

---ここから---
<!DOCTYPE html>
<html>
  <head>
    <title>CSS Test 001</title>
    <style>
      .middle{
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%,-50%);
      }
    </style>
  </head>
  <body>
    <div class='middle'>
      <p>Hello World!</p>
  </div>
  </body>
</html>
---ここまで---

2023年8月13日

株式会社Synergy Career

「就活の教科書」を運営する会社。

住所：大阪府大阪市北区梅田2丁目5-13 桜橋第一ビル304号
代表：岡本恵典

2023年6月26日

かわさき餃子マップ

かわさき餃子マップというものがあるらしい（最近知った）。
忘れないうちに記録しておく。