js 實現論壇評論模塊原理


<body>
  <table id="tb" border="1">
  <tbody id="tbd">
  <tr>
  <td>豬豬:</td>
  <td>我喜歡吃肉</td>
  </tr>
  </tbody>
  </table>
  <div>
  昵稱:<input type="text" value="" id="userName"/><br/>
  <textarea name="" id="tt" cols="30" rows="10"></textarea><br/>
  <input type="button" value="評論一下" id="btn"/><br/>
  </div>
  <script src="common.js"></script>
  <script>
  //獲取按鈕,注冊點擊事件
  document.getElementById("btn").onclick = function () {
  //獲取昵稱的元素
  var userName = my$("userName");
  //獲取評論的元素
  var tt = my$("tt");
  //創建行
  var tr = document.createElement("tr");
  //行加到tbody中
  my$("tbd").appendChild(tr);
  //創建列
  var td1 = document.createElement("td");
  tr.appendChild(td1);
  td1.innerHTML = userName.value;
  //創建列
  var td2 = document.createElement("td");
  tr.appendChild(td2);
  td2.innerHTML = tt.value;
  //清空
  userName.value = "";
  tt.value = "";
  };
   
  var arr=[20,10,40,50,30];
  for(var i=0;i<arr.length-1;i++){
  for(var j=0;j<arr.length-1-i;j++){
  if(arr[j]<arr[j+1]){
  var temp=arr[j];
  arr[j]=arr[j+1];
  arr[j+1]=temp;
  }//end if
  }// end for
  }//end for
  for(var i=0;i<arr.length;i++){
  console.log(arr[i]);
  }
  </script>
   
  </body>


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM