JavaScript 출력이 올바르게 표시되지 않음

HelloWorld

안녕하세요 저는 프로그램을 이렇게 표시하고 싶습니다! [여기에 이미지 설명 입력] [1]

이것은 내 자바 스크립트의 레이아웃을 얻기 위해 이것을 사용하는 내 CSS 코드입니다.

        /*
            styles.css
        */

        body{
            background-color:#cecece;
            color:#fff;
            font-family: Arial, Tahoma, Sans-Serif;
            font-size:1em;
        }
        h1{
            color:#FF8000;
            text-align:center;
        }
        table{
            width:95%;
        }
        caption{
            font-size:1.2em;
            margin:10px;
            color:#FF8000;
        }
        th{
            width:33.333%;
            font-size:1.1em;
            text-align:left;
            color:steelblue;
        }
        #output{
            position:absolute;
            width:50%;
            height:70%;
            top:15%;
            left:25%;
            margin:0px;
            padding:10px;
            font-size:.9em;
            background-color:#2E2E2E;
            color:ivory;
        }

그리고 이것은 출력을 인쇄하는 JavaScript 코드입니다.

                        var mytable = "<table><caption>Grading Results</caption>";
            document.write(mytable);
            document.write('<td><tr><th>' + "Student"+'</th><th>' +  "Mark!" + '</th><th>'+"Grade" + '</th> </tr></td>');
            for(var i = 0; i < markArr.length; i++){
            document.write(' <tr><td>'+studentArr[i] + space1+markArr[i] + space1+gradeAwarded[i] + '</td> </th> ');
            }
            document.write(' </tr>');
            document.write('<td>'+ "The Highest mark was : "+max+ ''+'</td> </th>');
            document.write('<td>' + "The Lowest mark was : "+min+''+'</td> </th>');
            document.write('<td>'+ "The Average mark was : "+average+''+'</td> </th>');
            document.write('<td>' + "number A grades : "+A+''+'</td> </th>');
            document.write('<td>'+ "number B grades : "+B+''+'</td> </th>');
            document.write('<td>'+ "number C grades : "+C+''+'</td> </th>');
            document.write('<td>'+ "number F grades : "+F+''+'</td> </th>');
            document.write('</table>');
토마스 D

다음을 변경해야합니다.

  • <br/>마감 후 바로 두지 마십시오.</th>
  • 을 넣어 <tr>첫 번째 이전 <th></tr>마지막 후</th>
  • <tr>for 문 안에 넣고 </tr>닫기 전에 a를 넣으십시오. }
  • 모든 값을 넣어 간 <td>하고</td>
  • </table>for 문의 닫힘} 바로 뒤로 이동

편집하다:

다음은 자바 스크립트의 모습입니다.

var mytable = "<table><caption>Grading Results</caption>";
document.write(mytable);
document.write('<tr><th>' + "Student"+'</th><th>' +  "Mark!" + '</th><th>'+"Grade" + '</th></tr>');
for (var i = 0; i < markArr.length; i++){
    document.write('<tr>');
    document.write('<td>' + studentArr[i] + '</td>');
    document.write('<td>' + markArr[i] + '</td>');
    document.write('<td>' + gradeAwarded[i] + '</td>');
    document.write('</tr>');
}
document.write('</table>');
document.write(''+ "The Highest mark was : "+max+ ''+'<br>');
document.write('' + "The Lowest mark was : "+min+''+'<br>');
document.write(''+ "The Average mark was : "+average+''+'<br>');
document.write('' + "number A grades : "+A+''+'<br>');
document.write(''+ "number B grades : "+B+''+'<br>');
document.write(''+ "number C grades : "+C+''+'<br>');
document.write(''+ "number F grades : "+F+''+'<br>');

(참고 : 나는 이것을 테스트하지 않았습니다)

이 기사는 인터넷에서 수집됩니다. 재 인쇄 할 때 출처를 알려주십시오.

침해가 발생한 경우 연락 주시기 바랍니다[email protected] 삭제

에서 수정
0

몇 마디 만하겠습니다

0리뷰
로그인참여 후 검토

관련 기사

분류에서Dev

Qt5에서 콘솔 출력이 올바르게 표시되지 않음

분류에서Dev

HTML의 Javascript가 올바르게 호출되지 않음

분류에서Dev

단순 JavaScript가 올바르게 표시되지 않음

분류에서Dev

Excel에서 시간이 올바르게 표시되지 않음

분류에서Dev

배경 이미지가 올바르게 표시되지 않음

분류에서Dev

Color Thief Palette 배열이 올바르게 출력되지 않음

분류에서Dev

SVG 아이콘이 올바르게 표시되지 않음

분류에서Dev

이온 탭 색상이 올바르게 표시되지 않음

분류에서Dev

CSS 레이아웃이 올바르게 표시되지 않음

분류에서Dev

geom_boxplot이 올바르게 표시되지 않음

분류에서Dev

Django Wagtail TableBlock이 올바르게 표시되지 않음

분류에서Dev

Packagist에서 Github 별이 올바르게 표시되지 않음

분류에서Dev

DateTime 형식이 올바르게 표시되지 않음

분류에서Dev

Python 형식이 올바르게 표시되지 않음

분류에서Dev

패널 제목이 올바르게 표시되지 않음

분류에서Dev

목록 항목이 올바르게 표시되지 않음

분류에서Dev

laravel에서 URL이 올바르게 표시되지 않음

분류에서Dev

pydev의 주석이 올바르게 표시되지 않음

분류에서Dev

Android 배경색이 올바르게 표시되지 않음

분류에서Dev

MS Excel 플롯이 올바르게 표시되지 않음

분류에서Dev

Wordpress (Genesis) 위젯 열이 올바르게 표시되지 않음

분류에서Dev

관련 제품이 올바르게 표시되지 않음

분류에서Dev

테이블보기가 올바르게 표시되지 않음

분류에서Dev

Bootstrap Carousel이 올바르게 표시되지 않음

분류에서Dev

Javascript setInterval if 문이 올바르게 작동하지 않음

분류에서Dev

Javascript 조건문이 올바르게 작동하지 않음

분류에서Dev

JavaScript If 문이 올바르게 작동하지 않음

분류에서Dev

반응 양식 입력 값이 올바르게 표시되지 않음

분류에서Dev

JavaScript로 Codemirror 데이터 제출이 올바르게 작동하지 않음

Related 관련 기사

  1. 1

    Qt5에서 콘솔 출력이 올바르게 표시되지 않음

  2. 2

    HTML의 Javascript가 올바르게 호출되지 않음

  3. 3

    단순 JavaScript가 올바르게 표시되지 않음

  4. 4

    Excel에서 시간이 올바르게 표시되지 않음

  5. 5

    배경 이미지가 올바르게 표시되지 않음

  6. 6

    Color Thief Palette 배열이 올바르게 출력되지 않음

  7. 7

    SVG 아이콘이 올바르게 표시되지 않음

  8. 8

    이온 탭 색상이 올바르게 표시되지 않음

  9. 9

    CSS 레이아웃이 올바르게 표시되지 않음

  10. 10

    geom_boxplot이 올바르게 표시되지 않음

  11. 11

    Django Wagtail TableBlock이 올바르게 표시되지 않음

  12. 12

    Packagist에서 Github 별이 올바르게 표시되지 않음

  13. 13

    DateTime 형식이 올바르게 표시되지 않음

  14. 14

    Python 형식이 올바르게 표시되지 않음

  15. 15

    패널 제목이 올바르게 표시되지 않음

  16. 16

    목록 항목이 올바르게 표시되지 않음

  17. 17

    laravel에서 URL이 올바르게 표시되지 않음

  18. 18

    pydev의 주석이 올바르게 표시되지 않음

  19. 19

    Android 배경색이 올바르게 표시되지 않음

  20. 20

    MS Excel 플롯이 올바르게 표시되지 않음

  21. 21

    Wordpress (Genesis) 위젯 열이 올바르게 표시되지 않음

  22. 22

    관련 제품이 올바르게 표시되지 않음

  23. 23

    테이블보기가 올바르게 표시되지 않음

  24. 24

    Bootstrap Carousel이 올바르게 표시되지 않음

  25. 25

    Javascript setInterval if 문이 올바르게 작동하지 않음

  26. 26

    Javascript 조건문이 올바르게 작동하지 않음

  27. 27

    JavaScript If 문이 올바르게 작동하지 않음

  28. 28

    반응 양식 입력 값이 올바르게 표시되지 않음

  29. 29

    JavaScript로 Codemirror 데이터 제출이 올바르게 작동하지 않음

뜨겁다태그

보관