李翊愷學會Java也學會JavaScript,input,text,button,getValueById

JavaScript輸出與輸入

輸入字串:

JavaScript輸出與輸入的方程式

 <style>

   h1 {background-color: pink;

       border: solid 15px orange;

       text-align: center;

       color: white;

       padding: 5px;}

</style>

<h1>JavaScript輸出與輸入</h1>

<p>輸入字串:<input type="text" len="60" id="in"></p>

<p><input type="button" value="李翊愷執行JavaScript" onclick="f()"></p>

<p id="out"></p>

<script>

function f(){

  var a = document.getElementById("in").value; /*取得id=in的文字*/

  var b = "原字串: " + a + "<br>長度是:" + a.length + ",<br>反串是: ";

  var c = "";

  for (var i = 0; i < a.length; i++)

    c = a.slice(i,i+1) + c ;

  b = b + c;

  b = "<font size=6>"+b+"</font>";

  document.getElementById("out").innerHTML = b;

}

</script>

<h1>JavaScript輸出與輸入的方程式</h1>

李翊愷196上課影片