Динамическая загрузка данных не работает в Java-скрипте - PullRequest
0 голосов
/ 04 сентября 2018

Что у меня есть:

В index.html у меня есть 4 поля формы, такие как Годовая зарплата, Ежегодное увеличение зарплаты, Текущий возраст, Пенсионный возраст. используя идентификаторы тех, кого я проверяю в Valid.js во время проверки я установил эти значения в локальном хранилище.

// Index.html // После отправки

    function Validation()
{
//valid.js file using ids of forms 

    var Ann=document.getElementById("Annsal").value;
    var Sal=document.getElementById("SalInc").value;
    var Page=document.getElementById("PreAge").value;
    var Rage=document.getElementById("RetAge").value;
    var Ys=document.getElementById("Yss").value;
    var Nn=document.getElementById("Noo").value;





            // Storing the value above into localStorage
            localStorage.setItem("Asal", Ann);
            localStorage.setItem("Asalinc", Sal);
            localStorage.setItem("Present", Page);
            localStorage.setItem("Retir", Rage);
            localStorage.setItem("Yssss", Ys);
            localStorage.setItem("Nnnn", Nn);


    if(Ann=="")
    {
        document.getElementById("user").innerHTML="**Please Enter the Annual Salary**";
        return false;

    }

Затем я беру другой файл verify.html и calc.js для некоторых операций do над данными, введенными пользователем, а затем печатаю в формате таблицы на другой веб-странице.

// Confirm.html

<html>
<head>
<script src="calculate.js"> 
</script>
</head>    

<body onload="init();">

</body>

</html>

Теперь я сталкиваюсь с проблемой в файле javascript. Я получаю эти данные, используя getitem функции локального хранилища.

//calculate.js
/ Called on body's `onload` event
    function init() {

        // Retrieving the text input's value which was stored into localStorage

         var a=localStorage.getItem("Asal");
         var b=localStorage.getItem("Asalinc");
         var c=localStorage.getItem("Present");
         var d=localStorage.getItem("Retir");
         var e=localStorage.getItem("Yssss");
         var f=localStorage.getItem("Nnnnn");




        // Writing the value in the document
        document.write("<table><tr><th>Age&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</th><th>Annual Sal&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</th><th>BiWeekly-Pre&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</th><th>Monthly-Pre&nbsp;&nbsp;&nbsp;</th><th>Cumulative-Pre&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</th><th>Basic&nbsp;&nbsp;&nbsp;</th><th>Total&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</th></tr>")



        for(i=c;i<=101;i++){


            //calculate your formulas here
            // example-- calculating basic salary 

            //use your own formula
            if(i<45)
            {
            basic= salary/2;
            }
            else 
            {
            basic=salary*0.4; 
            }

            //display the content   


        document.write("<tr><td>"+i+"</td><td>"+basic+"</td></tr>")         
        }

        document.write("</table>");

    }

Но значения сохраняются, но цикл for не работает должным образом, данные не печатаются, а только печатают заголовки таблиц, поэтому эту ошибку может кто-нибудь посоветовать исправить ... Thnx в Advance.

1 Ответ

0 голосов
/ 04 сентября 2018

Проблема, которую я сразу вижу, состоит в том, что у вас неправильный комментарий:

/ Called on body's `onload` event

Это в верхней части вашего calculate.js файла. Сделай это так:

// Called on body's `onload` event

И это будет частично исправлено. Однако есть еще много ошибок, которые вы найдете в консоли JavaScript.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...