NitroMen
@NitroMen
Beginner in Java

Как получить данные из поля от пользователя и вставить картину по его значению?

Написал простенький код, для того чтобы пользователь мог вводить имя картинки в поле и потом выбирал разрешение картинки, и после нажатия кнопки все вышло. Подскажите в чем промах? Код предоставил ниже

<!DOCTYPE html>
<html>
	<head>
		<title>HW4</title>
        <script>
			function myFunction() {
            	let source = document.getElementById("numb").value;
                var image = document.getElementsByClassName("image1");
                image.src = source;
                var valuey = valuey.valuey.options[0];
                var valuex = valuex.valuex.options[0];
                switch(valuey) {
                	case 100:
                    	image.style.width = '100px';
                    case 200:
                    	image.style.width = '200px';
                    case 300:
                    	image.style.width = '300px';
                 }
                 switch(valuex) {
                	case 100:
                    	image.style.height = '100px';
                    case 200:
                    	image.style.height=  '200px';
                    case 300:
                    	image.style.height = '300px';
                 }
            }
		</script>
	</head>
	<body>
		<input id="numb">
        <img id="image1">
        <form name="valuey">
        <select name="valuey" id="valuey">
        	<option valuey="100">100</option>
        	<option valuey="200">200</option>
        	<option valuey="300">300</option>
        </select>
        </form>
        <form name="valuex">
        <select name="valuex" id="valuex">
        	<option valuex="100">100</option>
        	<option valuex="200">200</option>
        	<option valuex="300">300</option>
        </select>
        </form>
        <button type="button" onclick="myFunction()">Submit</button>
        
       
	</body>
</html>
  • Вопрос задан
  • 111 просмотров
Решения вопроса 2
wapster92
@wapster92 Куратор тега JavaScript
У тебя js код обращается к элементам которых еще нет, хочешь меньше делать таких глупых ошибок - всегда вставляй js перед </body>

var valuey = valuey.valuey.options[0];
var valuex = valuex.valuex.options[0];
Здесь неверное обращение valuex.options[0];
Но опять же подход не верен. Тебе нужно смотреть не на значение опции, а на значение селекта valuex.value
И лучше обращаться к dom не по значению имени переменной из id, а через методы по работе с dom
Ответ написан
AndrewMarty
@AndrewMarty
HTML - верстальщик
Вот быстренько накидал, может вам поможет
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы