I have the following HTML file where I want a number level within 50% of a given target (the "Level" field) to be input into the "Attribute" field
<!DOCTYPE html>
<html>
<body>
<input type = "number" name = "playerLevel" onchange = "populateAttributes()" id = "playerLevel">
<label for = "playerLevel">Level</label>
</body>
<br>
<tr>
<td><input type = "number" id = "attributeScore"></td>
<label for = "attribute">Attribute</label>
</tr>
<script src = "script.js"></script>
</html>
And I have the following Javascript code to generate random numbers
function generateRandomLevel(targetLevel)
{
const target = targetLevel; // The target around which the random levels are generated
const range = 0.5; // 0.5 => 50% deviation from target and so on
const upperLevelLimit = Math.round(target + target * range); // Target + 50% deviation
const lowerLevelLimit = Math.round(target - target * range); // Target - 50% deviation
let x = parseInt(Math.random() * (upperLevelLimit - lowerLevelLimit) + lowerLevelLimit); // Generate Level within 50% of target
return x;
}
function populateAttributes()
{
let y = generateRandomLevel(document.getElementById("playerLevel").value); // Passes the value of "playerLevel" to the random nunber generator
document.getElementById("attributeScore").value = y; // Set the value inside "playerLevel" to the random number generated
}
However, when I update the "Level" field, I get numbers totally out of range of the target like 72 incase of entering 10 into the "Level" field.
Does anyone know why this happens?
When I run the random number generator as a standalone, it works just fine, i.e
function generateRandomLevel(playerLevel)
{
const target = playerLevel;
const range = 0.5;
const upperLevelLimit = Math.round(target + target * range);
const lowerLevelLimit = Math.round(target - target * range);
let x = parseInt(Math.random() * (upperLevelLimit - lowerLevelLimit) + lowerLevelLimit);
return x;
}
console.log(generateRandomLevel(10));
Aucun commentaire:
Enregistrer un commentaire