목차
回复讨论(解决方案)
백엔드 개발 PHP 튜토리얼 我想要输出用*组成的三角形,为什么不能在当前指定的div标签不能显示出来值

我想要输出用*组成的三角形,为什么不能在当前指定的div标签不能显示出来值

Jun 23, 2016 pm 01:32 PM




Document




请输入要显示的三角形的高度:



<script> <br /> // a总共的行数 document.getElementById("usernameTip").innerHTML="<font color=red>√ 请输入用户名"; <br /> function sanjiaoxing() { <br /> var a=document.getElementById("sanjiao").value; <br /> var number=a-0; <br /> // document.getElementById("sj").innerHTML=number; <br /> if(number==NaN){ <br /> <br /> document.getElementById("sj").innerHTML="此值不是数字,请输入数字"; <br /> return false; <br /> } <br /> else{ <br /> var n=1;// 第n行 <br /> <br /> for(;a>0;a--){ <br /> for(var b=1;b<a;b++){ <br /> document.getElementById("sj").innerHTML=" "; <br /> } <br /> <br /> for(var c=1;c<=2*n-1;c++){ <br /> document.getElementById("sj").innerHTML=" * "; <br /> } <br /> document.getElementById("sj").innerHTML=""; <br /> n++; <br /> } <br /> // document.write(""); <br /> // document.write(""); <br /> // a总共的行数 <br /> } <br /> } <br /> <br /> </script>



回复讨论(解决方案)

你每次都重新赋值,所以最后那个
覆盖了,应该不用= 而用 += 来连接。

            for(;a>0;a--){
                for(var b=1;b                     document.getElementById("sj").innerHTML  +="  ";
                }
                for(var c=1;c                     document.getElementById("sj").innerHTML +=" * ";
                }
                document.getElementById("sj").innerHTML +="";
                n++;    
            }

另外你检查是否数字那里有问题。

修改如下:

<html><head><meta charset="utf-8"><title>Document</title><style>input{width:50px;height:40px;}#sj{width:1000px;height: 40px;box-shadow:0 10px 40px  skyblue inset;}</style></head><body><div>请输入要显示的三角形的高度:<input type="text" id="sanjiao" name="sanjiao"  maxlength="3"/><input type="submit" value="提交" onclick="return sanjiaoxing()"/></div><div id="sj"></div><script type="text/javascript">    // a总共的行数  document.getElementById("usernameTip").innerHTML="<font color=red>√ 请输入用户名</font>";    function sanjiaoxing() {        var a=document.getElementById("sanjiao").value;        // document.getElementById("sj").innerHTML=number;        if(/^\d+$/.test(a)==false){            document.getElementById("sj").innerHTML="此值不是数字,请输入数字";            return false;        }else{            var n=1;// 第n行            document.getElementById("sj").innerHTML = "";            for(;a>0;a--){                for(var b=1;b<a;b++){                    document.getElementById("sj").innerHTML +="  ";                }                for(var c=1;c<=2*n-1;c++){                    document.getElementById("sj").innerHTML+=" * ";                }                document.getElementById("sj").innerHTML+="</br>";                n++;                }    // document.write("</br>");    // document.write("</br>");    // a总共的行数         }    }    </script></body></html>
로그인 후 복사

본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.

뜨거운 기사 태그

메모장++7.3.1

메모장++7.3.1

사용하기 쉬운 무료 코드 편집기

SublimeText3 중국어 버전

SublimeText3 중국어 버전

중국어 버전, 사용하기 매우 쉽습니다.

스튜디오 13.0.1 보내기

스튜디오 13.0.1 보내기

강력한 PHP 통합 개발 환경

드림위버 CS6

드림위버 CS6

시각적 웹 개발 도구

SublimeText3 Mac 버전

SublimeText3 Mac 버전

신 수준의 코드 편집 소프트웨어(SublimeText3)

11 최고의 PHP URL 쇼트너 스크립트 (무료 및 프리미엄) 11 최고의 PHP URL 쇼트너 스크립트 (무료 및 프리미엄) Mar 03, 2025 am 10:49 AM

11 최고의 PHP URL 쇼트너 스크립트 (무료 및 프리미엄)

Laravel의 플래시 세션 데이터로 작업합니다 Laravel의 플래시 세션 데이터로 작업합니다 Mar 12, 2025 pm 05:08 PM

Laravel의 플래시 세션 데이터로 작업합니다

Laravel Back End : Part 2, React가있는 React 앱 구축 Laravel Back End : Part 2, React가있는 React 앱 구축 Mar 04, 2025 am 09:33 AM

Laravel Back End : Part 2, React가있는 React 앱 구축

Laravel 테스트에서 단순화 된 HTTP 응답 조롱 Laravel 테스트에서 단순화 된 HTTP 응답 조롱 Mar 12, 2025 pm 05:09 PM

Laravel 테스트에서 단순화 된 HTTP 응답 조롱

PHP의 컬 : REST API에서 PHP Curl Extension 사용 방법 PHP의 컬 : REST API에서 PHP Curl Extension 사용 방법 Mar 14, 2025 am 11:42 AM

PHP의 컬 : REST API에서 PHP Curl Extension 사용 방법

Codecanyon에서 12 개의 최고의 PHP 채팅 스크립트 Codecanyon에서 12 개의 최고의 PHP 채팅 스크립트 Mar 13, 2025 pm 12:08 PM

Codecanyon에서 12 개의 최고의 PHP 채팅 스크립트

라 라벨에서 알림 라 라벨에서 알림 Mar 04, 2025 am 09:22 AM

라 라벨에서 알림

2025 PHP 상황 조사 발표 2025 PHP 상황 조사 발표 Mar 03, 2025 pm 04:20 PM

2025 PHP 상황 조사 발표

See all articles