Отображение названия месяца из пользовательского ввода с использованием регистра JS - PullRequest
Новая
       6

Отображение названия месяца из пользовательского ввода с использованием регистра JS

0 голосов
/ 25 сентября 2018

HTML: 

<div>
    <input type = "text" id="checkMonth" required='' min="1" max="12" maxlength="12">
    <p id="show"></p>
    <button id="showMonth">check</button>
</div>

JS: 

var a = parseInt(document.getElementById('checkMonth').value); 
var m = '';
switch (a) {  
    case 1: m = 'Jan'; break;
    case 2: m = 'Feb'; break;
    case 3: m = 'Mar'; break;
    case 4: m = 'Apr'; break;
    case 5: m = 'May'; break;
    case 6: m = 'Jun'; break;
    case 7: m = 'Jul'; break;
    case 8: m = 'Aug'; break;
    case 9: m = 'Sep'; break;
    case 10: m = 'Oct'; break;
    case 11: m = 'Nov'; break;
    case 12: m = 'Dec'; break;
    default: break;
}
document.getElementById('showMonth').addEventListener('click', function(){
    document.getElementById('show').innerHTML = m;
});

Извините за немного шумный код.так что я пришел с этим.Но это все еще не работает, так как показывает неопределенное!не знаю почему !!

Ответы [ 3 ]

0 голосов
/ 25 сентября 2018

Если у вас нет массива месяца и вам нужно использовать регистр переключателя

JS: 

let m = '';

switch (a) {  
    case 1: m = 'Jan'; break;
    case 2: m = 'Feb'; break;
    case 3: m = 'Mar'; break;
    case 4: m = 'Apr'; break;
    case 5: m = 'May'; break;
    case 6: m = 'Jun'; break;
    case 7: m = 'Jul'; break;
    case 8: m = 'Aug'; break;
    case 9: m = 'Sep'; break;
    case 10: m = 'Oct'; break;
    case 11: m = 'Nov'; break;
    case 12: m = 'Dec'; break;
    default: break;
}

document.getElementById("month").html(m);
0 голосов
/ 26 сентября 2018 

function getMonth(input){
	if(input.length > 0 && (input >= 1 && input <= 12)){
		let months = ['Jan','Feb','Mar','Apr','May','Jun','Jul','Aug','Sep','Oct','Nov','Dec'];
		printResult(months[input - 1], true);
	} else {
		printResult('Your input should be a number between 1 and 12.', false);
	}
}

function printResult(output, success){
	document.getElementById("result").style.color = "red";
	document.getElementById('result').innerHTML = output;
	
	if(success){
		document.getElementById("result").style.color = "green";
	}
}
<html>
<body>
<div>
    <input id="month-user-input" type="number" />
    <p id="result">Waiting for user input</p>
    <button id="btn-get-month" onclick="getMonth(document.getElementById('month-user-input').value)">check</button>
</div>   
</body>
</html>
0 голосов
/ 25 сентября 2018

Код кажется немного шумным, и, честно говоря, я не понимаю, что такое «a = год с последующим переключением», что может определить конечный пользователь для года?

Можете ли вы также предоставить нам HTML?

...