Javascript 如何在web浏览器上与智能合约交互

我在ropsten上部署了我的合同。
我试图在浏览器上与它交互，但错误消息说它不是一个函数。
我已经在NodeJS上试过了，没有错误。所以合同地址或ABI文件没有错

这是我的密码。这里有错误吗

const address = 'Contract addresss';
const myContract = new web3.eth.Contract(ABI, address);
let result = await myContract.methods.createDoc('asdf').call();
console.log(result);

试着换一行

let result = await myContract.methods.createDoc('asdf').call();

以下任何一项：

let result = await myContract.methods.createDoc().call('asdf');

let result = await myContract.methods.createDoc('asdf');