ホーム » スタッフ » 斉藤徹 » paiza.io 便利だね

2021年7月
 123
45678910
11121314151617
18192021222324
25262728293031

最新の投稿(電子情報)

アーカイブ

カテゴリー

paiza.io 便利だね

講習会の講師依頼があり、プログラミングの基礎を教えることになったけど、場所が学内でもないため、どういった準備をすべきか思案中。

それなら、paiza.io を使ってみたらとの情報をもらう。

https://paiza.io/

これなら、C++, PHP, JavaScript の動作検証も簡単かな。PHPのコードの中に、JavaScript を埋め込んでもそれなりに動くな。

入力のある JavaScript を動かす簡単なプログラム例

<html>
  <head>
    <title>
      じっけん
    </title>
    <script>
      function my_exec() {
        let a = document.getElementById( "a" ).value ;
        let b = document.getElementById( "b" ).value ;
        let c = document.getElementById( "c" ) ;
        c.value = parseInt( a , 10 ) + parseInt( b , 10 ) ;
        return false ;
      }
    </script>
  </head>
<body>
  <h1>たいとる</h1>
    <form method="POST" action="zz.php" >
      <input type="text" name="a" id="a" />
      +
      <input type="text" name="b" id="b" />
      =
      <input type="text" name="c" id="c" />
      <input type="button" value="BUTTON" onclick="my_exec()" />
    </form>
  </body>
</html>

<input type=”submit” … /> とか、<form … onsubmit=”my_exec()” > を使うと、ページ遷移が発生するので、paiza.io の環境では、動かなくなる。<input type=”button” onclick=”my_exec()” /> を使えば、大丈夫。