首页 文章

如何打印矩形的星号[重复]

提问于
浏览 次
1

这个问题在这里已有答案：

如何使用jQuery打印矩形的星号？我有两个输入字段，用于获取输入值两个绘制矩形的星号 .

$(document).ready(function() {
  $("#new").click(function() {
    var firstnum = document.getElementById("column").value;
    var secondnum = document.getElementById("rows").value;
  });
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<h1 style="text-align: center;">To Print Asterisks</h1>
<label>Enter Column</label>
<input type="text" id="column" placeholder="Enter The Column Number"><br>
<label>Enter Rows</label>
<input type="text" id="rows" placeholder="Enter The Rows Value"><br>
<button id="new">Submit</button>

该按钮用于将我们在输入字段中给出的两个值相乘，然后创建矩形的行和列 . 输出应该低于提交按钮，但我没有解决方案 .

jquery html

1 回答

  • 0

    您可以尝试这样的事情：

    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

<script language="javascript">
    $(document).ready(function() {
        $("#new").click(function() {
            var firstnum = document.getElementById("column").value;
            var secondnum = document.getElementById("rows").value;
            var row = "";
            for(var i = 0; i < firstnum; i++) {
                row += "*";
            }
            row += "
    "; // Or "\n" if you want non-html markup result
            var rectangle = "";
            for(var i = 0; i < secondnum; i++) {
                rectangle += row;
            }
            $("#output").html(rectangle);
        });
    });
</script>

<h1 style="text-align: center;">To Print Asterisks</h1>
<label>Enter Column</label>
<input type="text" id="column" placeholder="Enter The Column Number"><br>
<label>Enter Rows</label>
<input type="text" id="rows" placeholder="Enter The Rows Value"><br>
<button id="new">Submit</button>
<div id="output"></div>
    回复于

相关问题