Uncaught TypeError：nullopenRequest.onupgradeneededのプロパティ 'value'を読み取ることができませんIndexeddb

Question

IndexDBで2つのオブジェクトを開き、入力値からデータを取得しようとすると、上記のエラーが発生します。

openRequest.onupgradeneeded = function(e) {   

    var thisDB = e.target.result; 

    var tab1Create = thisDB.createObjectStore("users", {keyPath: "phone"}); 

var tab2Create = thisDB.createObjectStore("Friends", {keyPath: "frdphone"}); 

    db = e.target.result; 

var transaction = e.target.transaction; 
var phone = document.querySelector("#phone").value;   
var email = document.querySelector("#email").value; 
var frdphone = document.querySelector("#frdphone").value; 

var frdname = document.querySelector('#frdname').value;  

var friend = transaction.objectStore('Friends'); 
friend.add({ 
frdname:frdname, 
frdphone:frdphone 
}); 
var user = transaction.objectStore('users'); 
//Perform the add 
user.add({ 
    phone :phone, 
    email :email 
    }); 

Answer 1

エラーメッセージを読む： '値' プロパティに（コードでsomething.value）にアクセスするの

Uncaught TypeError: Cannot read property 'value' of null

一つをsomethingがヌルであるため、失敗しています。 .valueが使用される唯一の場所はdocument.querySelector()です。そのうちの1つが結果を返さない、つまりnullです。

これは、インデックス付きDBとは関係がありません。文書内の要素と一致しないセレクタを使用しています。