java脚本代码不能在chrome移动浏览器中工作，但在桌面上可以正常工作

Question

在我的WordPress网站上，我创建了java引导贷款计算器，它在桌面上运行得很好，但当我使用移动chrome时，它不起作用。我尝试了wp编码器插件，并尝试手动添加它。在chrome dev工具的移动视图中，它与真正的设计工作得很好，出现了这个问题。有什么方法可以解决这个问题吗？我非常感谢你帮助解决这个问题

<link
rel="stylesheet"
href="https://cdnjs.cloudflare.com/ajax/libs/bulma/0.7.2/css/bulma.min.css"
/>

<div class="columns is-12-tablet is-6-desktop is-3-widescreen" style="height: 500px; width:100% " >
<div class="column w-50 p-3 "  >
<div class="card w-50 p-3">
<div class="card-content w-50 p-3">
<form id="loan-form">
<div class="level w-50 p-3">

<div class="level-left is-marginless w-50 p-3s">
<div class="level-item">
<p class="number">1</p>
<p> Loan Amount  &nbsp;&nbsp;&nbsp;</p>
<p id="yearssliderfuc">  </p>
</div>
</div>
</div>
<input  id="amount"   type="range" min="20000" max="200000" step="10000"   onchange="yrthslide();computeResults()" />
<div class="level">
<div class="level-left is-marginless">
</div>
<div class="level-right">
<div class="level-item">
<div class="field">
<div class="control has-icons-right">

<span class="icon is-small is-right">


</span>
</div>
</div>
</div>
</div>
</div>
<div class="level">
<!-- Left side -->
<div class="level-left is-marginless">
<div class="level-item">
<p class="number">2</p>
<p> Number Of Days  &nbsp;&nbsp;&nbsp;</p>
<p id="monthssliderfuc">  </p>
</div>
</div>
</div>
<input  id="years" min="30" max="120" step="30" type="range" onchange="monthslide();computeResults()" />
<div class="control">
<br>

</div>
</form>
</div>
</div>
<div >
<div class="notification is-link has-text">
<p id="totalPayment" class="title ">LKR</p>
<p class="subtitle is-4">Total Amount</p>
</div>
</div>
<div >
</div>    
</div>



<script >
function computeResults(e) {
// UI
const UIamount = document.getElementById("amount").value;
/*   var UIinterest = 50
if(UIamount> 50){
var UIinterest = 50
}*/

if(UIamount<50000){
var UIinterest = 16/100;
}else if(UIamount>50000 && amount<90000){
UIinterest = 18/100;
}else if(UIamount>100000 && amount<140000){
UIinterest = 20/100;
}else{
UIinterest = 22/100
}

const UIyears = document.getElementById("years").value;


var interestperday = (UIamount * UIinterest)/365;
console.log(interestperday);
console.log("interest per day");
const monthly = parseFloat(interestperday);
const monthlyPayment = monthly.toFixed(2);

var interest = interestperday*UIyears;
const interestfinalee = parseFloat(interest);
console.log(interestfinalee);
console.log("interest  all time");

var ProFees =  (UIamount*10)/100;
const ProFeesfin = parseFloat(ProFees);
console.log(ProFeesfin);
console.log("ProFees");
var DocHFees = (UIamount*5)/100;
const DocHFeesfin = parseFloat(DocHFees);
console.log(DocHFeesfin);
console.log("DocHFees");
var TransFee =  (UIamount*5)/100;
const TransFeefin = parseFloat(TransFee);
console.log(TransFeefin);
console.log("TransFee");

const UIamountfin = parseFloat(UIamount);

// Calculating total payment
const all = TransFeefin + DocHFeesfin + ProFeesfin  + interestfinalee + UIamountfin
console.log(all);
console.log("allallallallallallallallallallallallallall");
///*****************************************************

const totalPayment = all.toFixed(2);

document.getElementById("totalPayment").innerHTML = "LKR " + totalPayment;
e.preventDefault();
}


function monthslide(){
var Monthslider = document.getElementById("years").value
document.getElementById("monthssliderfuc").innerHTML = Monthslider;
}


function yrthslide(){
var Monthslider = document.getElementById("amount").value
document.getElementById("yearssliderfuc").innerHTML = Monthslider;
}


</script>

Answer 1

您正在使用；computeResults(("函数，但是"；computeResults(("函数没有定义；Calculate(("函数未被使用。

更新：在代码更新后添加其他详细信息：

e.preventDefault()函数没有定义，它产生了问题，我删除了它，它已经在移动中工作了。

Answer 2

问题已解决。这是因为在更改功能名称后，移动视图和桌面视图的功能名称相同