テーブルに行を追加する方法javascriptを使用してlaravelのブレードにプログラムを追加する

Question

私はlaravelで全く新しく、フォームのテーブルに新しい行を作成するフォームを作成しようとしています。

function myFunction() { 
    var table = document.getElementById("AcademicDegreeTable"); 
    var row = table.insertRow(0); 
    var cell1 = row.insertCell(0); 
    var cell2 = row.insertCell(1); 
    var cell3 = row.insertCell(2); 
    var cell4 = row.insertCell(3); 
    cell1.innerHTML = "NEW CELL1"; 
    cell2.innerHTML = "NEW CELL2"; 
    cell3.innerHTML = "NEW CELL2"; 
    cell4.innerHTML = "NEW CELL2"; 
} 

と：： はここに私のスクリプトです

<button class="button" onclick="myFunction()">Try it</button> 

しかし、私は、このボタンでクリックすると、新しい行は、短時間表示されたときになくなってページのリロード。

ルート：

Route::get('/form' , 'FormController@index')->name('form'); 

はコントローラー：あなたがセッション他にクッキーまたは置く行カウント値を設定することができます

public function index() 
{ 
    return view('form'); 
} 

Answer 1

ボタンがフォーム内にある場合、デフォルトの動作では、ボタンをクリックするとフォームが送信されます。それを防ぐために、onclickハンドラはfalse返すことがあります。とにかく

<button class="button" onclick="return myFunction()"> 

と

function myFunction() { 
    //... 
    return false; 
} 

を、あなたがよりよいこのためのjQueryを使用することができます。

Answer 2

あなたが使用することができ、HTMLのWeb Storage概念がありますまた。