期中考網頁檔案對照Python寫入
CSS示範程式碼
h1{background-color: purple; color: white; border: 10px solid red; text-align:center; padding: 5px}ul{background-color: green; color: white; font-size: 2em;line-height:1.5}
input{font-size:24px;background-color:rgb(210, 250, 215);}
.monkey{font-size:36px;}
HTML示範程式碼
<link rel='stylesheet' href="abc.css"> <script src="abs.js"></script> <h1>葉庭卉輸入參數</h1> 輸入k<input type="number" value="1" id="k"></input><br> 輸入m<input type="number" value="1" id="m"></input><br> 輸入n<input type="number" value="1" id="n"></input><br> <button onclick="abc()">執行自訂函數</button> <h1>重點</h1> alert內建函數,自訂函數abc <h1>葉庭卉輸出結果</h1> <div id="out" class="monkey"></div>JAVASCRIPT示範程式碼
const space=' ', slash='/', backslash='\\', cr='\n';function row1(k,m){
for(let i=0; i<k;i++){
for(let ii=0; ii<m; ii++){
for(let j=0; j<k-i-1; j++)
out+=space;
out+=slash;
for(let j=0; j<2*i; j++)
out+=space;
out+=backslash;
for(let j=0; j<k-i-1;j++)
out+=space;};
out+=cr;};};
function row2(k,m){
for(let i=0; i<k; i++){
for(let ii=0; ii<m; ii++){
for(let j=0; j<i; j++)
out+=space;
out+=backslash;
for(let j=0; j<2*k-2*i-2; j++)
out+=space;
out+=slash;
for(let j=0; j<i;j++)
out+=space;};
out+=cr;};};
function abc(){
k = document.getElementById('k').value;
m = document.getElementById('m').value;
n = document.getElementById('n').value;
out ='<pre>\n';
for(let i=0; i<n; i++){
row1(k,m);
row2(k,m);}
out += '</pre>';
document.getElementById('out').innerHTML=out;}
