ќчистить содержимое Div внутри функции

” мен¤ есть 2 функции, которые ¤ хочу, когда ¤ нажимаю кнопку, она должна очищать результат первого результата функции, но она не работает, когда ¤ использую .innerHTML = ""; как это сделать?

function HalfRightTriangle() {
        for (var i = 1; i <=7; i++) {
            for (var j = 1; j <i; j++) {
            // document.write("*"); 
             document.getElementById("result").innerHTML += "*";
          } // end of inner for loop 
          document.getElementById("result").innerHTML += "<br>";
       } // end of outer for loop 
       document.getElementById("result").innerHTML += "";
    } // function end

javascript,

-6

Ответов: 3


0

≈сли вы используете только текст, может быть лучше просто работать с переменной, а затем установить его на innerHTML, когда это будет сделано.

„то-то вроде этого:

function HalfRightTriangle() {
    var inner = document.getElementById("result").innerHTML;
    for (var i = 1; i <= 7; i++) {
        for (var j = 1; j < i; j++) {
            inner += "*";
        } // end of inner for loop
        inner += "<br>";
    } // end of outer for loop
    document.getElementById("result").innerHTML = inner;
} // function end

0

–ешение:

<script type="text/javascript">

    function HalfRightTriangle() {
        for (var i = 1; i <=7; i++) {
            for (var j = 1; j <i; j++) {

                // document.write("*"); 
                document.getElementById("result").innerHTML += "*";

            } // end of inner for loop 

            document.getElementById("result").innerHTML += "<br>";

        } // end of outer for loop 


    } // function end

    document.getElementById("result").innerHTML = "";

    function HalfLeftTriangle() {
        for (var i = 7; i >=1; i--) {
            for (var j = 1; j <=i; j++) {

                // document.write("*"); 
                document.getElementById("result").innerHTML += "*";

            } <!-- end of inner for loop -->

            //document.write("<br>");
            document.getElementById("result").innerHTML += "<br>";
        } <!-- end of outer for loop -->

    } // function end
    document.getElementById("result").innerHTML = "";


</script>
</head>
<body>

<button type="button" onclick="HalfRightTriangle();"> Half Right Triangle </button>
<button type="button" onclick="HalfLeftTriangle();"> Half Left Triangle </button>
<br><br>
<div id="result"> Result Here </div>

0

если вы используете управление контейнером, покажите свой результат, тогда внутренн¤¤ работа html, но если у вас нет управлени¤ контейнером, используйте функцию val java script. пример

<div id=result>

<label id=result></label>

</div>
<script type=text/java script>

$('#result').html("")

$('#result').val("")
</script>
JavaScript,
Похожие вопросы