我想将函数数据发送到使用 javascript 中的按钮设计的边框中

I want to send the function data into the border designed using a button in javascript

本文关键字：javascript 按钮 边框 函数 数据      更新时间：2023-09-26
<!DOCTYPE html>
<html>    
<head>
    <title>Table-3</title>
</head>    
<body>
    <div style="border:2px solid red;width:250px;height:250px"></div><br><br>
    <script>
        function myFunction() {
            var num = 2;
            for (var i = 1; i < 11; i++) {
                document.write(num + " * " + i + " = " + num * i);
                document.write('<br>');
            }
        }
    </script>
    <button onclick="myFunction()">Click Here!</button>
</body>    
</html>

我想使用 javascript 中的按钮将函数数据发送到具有border样式的div中。我一直在尝试这么多时间，但我无法破解它。请帮帮我！

这个小提琴包含一个工作示例。如果你想用内容填充一个元素，你需要用javascript获取这个元素。我已经给你的div 一个 id 来插入你的字符串。

.HTML：

<body>
    <div id= 'border' style="border:2px solid red;width:250px;height:250px"></div><br><br>

</body>

Javascript：

var num = 2;
var str = "";
for (var i = 1; i < 11; i++) {
    str +=(num + " * " + i + " = " + num * i);
    str +=('<br>');
}
document.getElementById("border").innerHTML = str;

希望这有帮助。

相关文章：