期中考網頁檔案對照Python寫入

CSS示範程式碼

{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示範程式碼

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;}

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;}