如何使用表单初始化JavaScript

How do I initialize JavaScript using the form?

本文关键字：JavaScript 初始化 表单 何使用      更新时间：2023-09-26

我想从HTML初始化我的var到我的JavaScript文件，但我的表单不工作。如果我自己初始化，函数是工作的，但当从HTML初始化不工作。我试了我想到的任何东西，但它不工作。

function DDA() {
    var x1, x2, y1, y2 ,m;
    x1=document.getElementById('x1').value;
    x2=document.getElementById('x2').value;
    y1=document.getElementById('y1').value;
    y2=document.getElementById('y2').value;
    if(x1==null||x1==""||x2==null||x2==""||y1==null||y1==""||y2==null||y2==""){
        console.log('enter number');
        return false;
    }
    m = (y2 - y1) / (x2 - x1);
    console.log(`(${x1},${y1})`);
    if (m > 1) {
        for (var i = y1 + 1; i <= y2; i++) {
            x1 = (x1 + (1 / m));
            console.log(`(${Math.round(x1)},${i})`);
        }
    } else {
        for (var i = x1 + 1; i <= x2; i++) {
            y1 = (y1 + m);
            console.log(`(${i},${Math.round(y1)})`);
        }
    }
}
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
</head>
<body>
    <form  name="myform" onsubmit=" return (DDA())" action="index.html" method="POST">
        <input type="text" id="x1" placeholder="x1"><br>
        <input type="text" id="x2" placeholder="x2"><br>
        <input type="text" id="y1" placeholder="y1"><br>
        <input type="text" id="y2" placeholder="y1"><br>
        <input type="submit" id="submitform" >
    </form>

    <script src="tamrin.js">
        
    </script>
</body>
</html>

我认为你的代码运行完美，如果你填写所有的文本框，它打印在控制台，如果任何文件未填写它显示消息为"输入数字"，因为你的验证

相关文章：